@appbaseio/reactivesearch-vue 1.33.5 → 1.34.0-alpha.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 (98) hide show
  1. package/dist/@appbaseio/reactivesearch-vue.umd.js +6840 -9315
  2. package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
  3. package/dist/@appbaseio/reactivesearch-vue.umd.min.js +7 -13
  4. package/dist/@appbaseio/reactivesearch-vue.umd.min.js.map +1 -1
  5. package/dist/cjs/Button-626c5e8e.js +58 -0
  6. package/dist/cjs/{CancelSvg-220a7cc3.js → CancelSvg-062a42f0.js} +32 -40
  7. package/dist/cjs/Card-c381ded3.js +26 -0
  8. package/dist/cjs/{ComponentWrapper-b6d4660c.js → ComponentWrapper-db45cc6d.js} +5 -5
  9. package/dist/cjs/Container-29f049b2.js +12 -0
  10. package/dist/cjs/{DataSearch-1c5c2202.js → DataSearch-7c71ec9f.js} +712 -850
  11. package/dist/cjs/DataSearch.js +12 -11
  12. package/dist/cjs/{DropDown-8984b544.js → DropDown-3b899b20.js} +78 -79
  13. package/dist/cjs/DynamicRangeSlider.js +51 -37
  14. package/dist/cjs/Flex-d5675ea6.js +48 -0
  15. package/dist/cjs/FormControlList-cf1ff2ca.js +42 -0
  16. package/dist/cjs/Input-4d278ca0.js +74 -0
  17. package/dist/cjs/ListItem-c067bc07.js +41 -0
  18. package/dist/cjs/MultiDropdownList.js +71 -62
  19. package/dist/cjs/MultiList.js +85 -88
  20. package/dist/cjs/MultiRange.js +54 -41
  21. package/dist/cjs/{Pagination-07f4dbad.js → Pagination-a468f960.js} +56 -53
  22. package/dist/cjs/{PreferencesConsumer-5d67b486.js → PreferencesConsumer-034c55e3.js} +6 -5
  23. package/dist/cjs/RangeInput.js +115 -107
  24. package/dist/cjs/RangeSlider.js +50 -36
  25. package/dist/cjs/ReactiveBase.js +66 -48
  26. package/dist/cjs/{ReactiveComponent-4e75c939.js → ReactiveComponent-f0f486ca.js} +325 -311
  27. package/dist/cjs/ReactiveComponent.js +21 -20
  28. package/dist/cjs/ReactiveGoogleMap.js +283 -307
  29. package/dist/cjs/ReactiveList.js +99 -116
  30. package/dist/cjs/ResultCard.js +26 -19
  31. package/dist/cjs/ResultList.js +31 -27
  32. package/dist/cjs/SelectedFilters.js +49 -34
  33. package/dist/cjs/SingleDropdownList.js +70 -61
  34. package/dist/cjs/SingleList.js +86 -90
  35. package/dist/cjs/SingleRange.js +48 -39
  36. package/dist/cjs/StateProvider.js +2 -2
  37. package/dist/cjs/Title-8802a218.js +12 -0
  38. package/dist/cjs/ToggleButton.js +39 -32
  39. package/dist/cjs/{index-30126fd0.js → index-dc25b706.js} +6 -6
  40. package/dist/cjs/index.js +22 -21
  41. package/dist/cjs/install.js +21 -20
  42. package/dist/cjs/ssr-eb901d09.js +35 -0
  43. package/dist/cjs/version.js +1 -1
  44. package/dist/cjs/{vueTypes-7cfc2f98.js → vueTypes-621a8143.js} +1 -1
  45. package/dist/es/Button-ebafa3d6.js +52 -0
  46. package/dist/es/{CancelSvg-e40552a5.js → CancelSvg-14ebc9a1.js} +30 -37
  47. package/dist/es/{Card-19ad6d90.js → Card-1951569e.js} +5 -6
  48. package/dist/es/{ComponentWrapper-8042aa35.js → ComponentWrapper-bf443c0b.js} +4 -4
  49. package/dist/es/Container-d00219f7.js +1 -1
  50. package/dist/es/{DataSearch-5bb904c5.js → DataSearch-4f9a4e46.js} +705 -842
  51. package/dist/es/DataSearch.js +10 -9
  52. package/dist/es/{DropDown-28ddce07.js → DropDown-35e232b7.js} +78 -78
  53. package/dist/es/DynamicRangeSlider.js +48 -34
  54. package/dist/es/Flex-a08e22d7.js +46 -0
  55. package/dist/es/FormControlList-fa5cf78b.js +38 -0
  56. package/dist/es/Input-3b8408a6.js +69 -0
  57. package/dist/es/{ListItem-07888a65.js → ListItem-47a6345a.js} +6 -7
  58. package/dist/es/MultiDropdownList.js +69 -60
  59. package/dist/es/MultiList.js +84 -87
  60. package/dist/es/MultiRange.js +52 -39
  61. package/dist/es/{Pagination-28e56c5c.js → Pagination-145b4ff2.js} +56 -53
  62. package/dist/es/{PreferencesConsumer-bc097ebb.js → PreferencesConsumer-7ea7313a.js} +5 -4
  63. package/dist/es/RangeInput.js +112 -103
  64. package/dist/es/RangeSlider.js +47 -33
  65. package/dist/es/ReactiveBase.js +65 -46
  66. package/dist/es/{ReactiveComponent-09c183c8.js → ReactiveComponent-e2fb9eb4.js} +321 -306
  67. package/dist/es/ReactiveComponent.js +18 -17
  68. package/dist/es/ReactiveGoogleMap.js +279 -302
  69. package/dist/es/ReactiveList.js +97 -113
  70. package/dist/es/ResultCard.js +25 -18
  71. package/dist/es/ResultList.js +30 -26
  72. package/dist/es/SelectedFilters.js +47 -32
  73. package/dist/es/SingleDropdownList.js +68 -59
  74. package/dist/es/SingleList.js +84 -88
  75. package/dist/es/SingleRange.js +46 -37
  76. package/dist/es/StateProvider.js +2 -2
  77. package/dist/es/Title-863dfa42.js +1 -1
  78. package/dist/es/ToggleButton.js +37 -30
  79. package/dist/es/{index-0444a498.js → index-285a43a6.js} +6 -6
  80. package/dist/es/index.js +19 -18
  81. package/dist/es/install.js +18 -17
  82. package/dist/es/ssr-03607d84.js +1 -1
  83. package/dist/es/version.js +1 -1
  84. package/dist/es/{vueTypes-8986b709.js → vueTypes-e4af6fe2.js} +1 -1
  85. package/package.json +8 -8
  86. package/dist/cjs/Button-841fd06d.js +0 -62
  87. package/dist/cjs/Card-240f283d.js +0 -30
  88. package/dist/cjs/Container-e699ea95.js +0 -15
  89. package/dist/cjs/Flex-ddd7cb6b.js +0 -50
  90. package/dist/cjs/FormControlList-bbb5cd24.js +0 -45
  91. package/dist/cjs/Input-ead4cd84.js +0 -77
  92. package/dist/cjs/ListItem-5088bd6a.js +0 -45
  93. package/dist/cjs/Title-16042ea0.js +0 -15
  94. package/dist/cjs/ssr-f2fc1bf6.js +0 -36
  95. package/dist/es/Button-153cd885.js +0 -53
  96. package/dist/es/Flex-7c177a10.js +0 -45
  97. package/dist/es/FormControlList-99797d0a.js +0 -38
  98. package/dist/es/Input-c09c0b56.js +0 -69
@@ -7,17 +7,18 @@ 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
- var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
10
+ require('./_rollupPluginBabelHelpers-f8b843f8.js');
11
+ var vue = require('vue');
11
12
  var VueTypes = _interopDefault(require('vue-types'));
12
- require('emotion');
13
13
  require('@appbaseio/vue-emotion');
14
+ require('emotion');
14
15
  require('polished');
15
- var Button = require('./Button-841fd06d.js');
16
- var vueTypes = require('./vueTypes-7cfc2f98.js');
16
+ var Button = require('./Button-626c5e8e.js');
17
+ var vueTypes = require('./vueTypes-621a8143.js');
17
18
  require('redux');
18
- var index = require('./index-30126fd0.js');
19
- var Title = require('./Title-16042ea0.js');
20
- var Container = require('./Container-e699ea95.js');
19
+ var index = require('./index-dc25b706.js');
20
+ var Title = require('./Title-8802a218.js');
21
+ var Container = require('./Container-29f049b2.js');
21
22
 
22
23
  var setValue = configureStore.Actions.setValue,
23
24
  clearValues = configureStore.Actions.clearValues,
@@ -43,9 +44,8 @@ var SelectedFilters = {
43
44
  },
44
45
  render: function render() {
45
46
  var _this = this;
46
- var h = arguments[0];
47
- if (this.$scopedSlots["default"]) {
48
- return this.$scopedSlots["default"]({
47
+ if (this.$slots["default"]) {
48
+ return this.$slots["default"]({
49
49
  components: this.components,
50
50
  selectedValues: this.selectedValues,
51
51
  clearValues: this.clearValues,
@@ -56,24 +56,36 @@ var SelectedFilters = {
56
56
  }
57
57
  var filtersToRender = this.renderFilters();
58
58
  var hasValues = !!filtersToRender.length;
59
- return h(Container.Container, {
59
+ return vue.createVNode(Container.Container, {
60
60
  "class": Button.filters(this.theme) + " " + (this.$props.className || '')
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"
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];
75
87
  }
76
- }, [this.$props.clearAllLabel]) : null]);
88
+ });
77
89
  },
78
90
  methods: {
79
91
  remove: function remove(component, value) {
@@ -125,20 +137,23 @@ var SelectedFilters = {
125
137
  return value;
126
138
  },
127
139
  renderFilterButton: function renderFilterButton(component, keyProp, handleRemove, label) {
128
- var h = this.$createElement;
129
- return h(Button.Button, {
140
+ return vue.createVNode(Button.Button, vue.mergeProps({
130
141
  "class": getClassName(this.$props.innerClass, 'button') || '',
131
- "key": keyProp,
132
- "on": _rollupPluginBabelHelpers._extends({}, {
142
+ "key": keyProp
143
+ }, {
144
+ on: {
133
145
  click: handleRemove,
134
146
  keypress: function keypress(event) {
135
147
  return handleA11yAction(event, handleRemove);
136
148
  }
137
- }),
138
- "attrs": {
139
- "tabIndex": "0"
140
149
  }
141
- }, [h("span", [label]), h("span", ["\u2715"])]);
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
+ });
142
157
  },
143
158
  renderFilters: function renderFilters() {
144
159
  var _this3 = this;
@@ -8,27 +8,30 @@ 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');
11
12
  var VueTypes = _interopDefault(require('vue-types'));
12
- require('emotion');
13
13
  require('@appbaseio/vue-emotion');
14
+ require('emotion');
14
15
  require('polished');
15
- var Button = require('./Button-841fd06d.js');
16
- var vueTypes = require('./vueTypes-7cfc2f98.js');
16
+ var Button = require('./Button-626c5e8e.js');
17
+ var vueTypes = require('./vueTypes-621a8143.js');
17
18
  require('@appbaseio/reactivecore/lib/utils/transform');
18
19
  require('redux');
19
- var index = require('./index-30126fd0.js');
20
- var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
21
- var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.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');
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');
26
26
  require('compute-scroll-into-view');
27
- var Container = require('./Container-e699ea95.js');
27
+ var Container = require('./Container-29f049b2.js');
28
28
  require('@appbaseio/reactivecore/lib/utils/suggestions');
29
29
  var utils = require('./utils-83fd01e9.js');
30
- var DropDown = require('./DropDown-8984b544.js');
30
+ var DropDown = require('./DropDown-3b899b20.js');
31
31
 
32
+ function _isSlot(s) {
33
+ return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
34
+ }
32
35
  var updateQuery = configureStore.Actions.updateQuery,
33
36
  setQueryOptions = configureStore.Actions.setQueryOptions,
34
37
  setCustomQuery = configureStore.Actions.setCustomQuery,
@@ -86,7 +89,7 @@ var SingleDropdownList = {
86
89
  showSearch: VueTypes.bool.def(false),
87
90
  showClear: VueTypes.bool.def(false),
88
91
  showLoadMore: VueTypes.bool.def(false),
89
- loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.any]).def('Load More'),
92
+ loadMoreLabel: VueTypes.oneOfType([VueTypes.string, VueTypes.nullable]).def('Load More'),
90
93
  nestedField: vueTypes.types.string,
91
94
  index: VueTypes.string,
92
95
  searchPlaceholder: VueTypes.string.def('Type here to search...'),
@@ -178,7 +181,7 @@ var SingleDropdownList = {
178
181
  }
179
182
  },
180
183
  render: function render() {
181
- var h = arguments[0];
184
+ var _this2 = this;
182
185
  var _this$$props2 = this.$props,
183
186
  showLoadMore = _this$$props2.showLoadMore,
184
187
  loadMoreLabel = _this$$props2.loadMoreLabel,
@@ -187,16 +190,16 @@ var SingleDropdownList = {
187
190
  renderLabel = _this$$props2.renderLabel;
188
191
  var isLastBucket = this.$data.isLastBucket;
189
192
  var selectAll = [];
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;
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;
194
197
  if (renderErrorCalc && this.error) {
195
198
  return index.isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
196
199
  }
197
200
  if (!this.hasCustomRenderer && this.$data.modifiedOptions.length === 0 && !this.isLoading) {
198
201
  if (renderNoResults && index.isFunction(renderNoResults)) {
199
- return h("div", [renderNoResults()]);
202
+ return vue.createVNode("div", null, [renderNoResults()]);
200
203
  }
201
204
  if (renderNoResults && !index.isFunction(renderNoResults)) {
202
205
  return renderNoResults;
@@ -209,58 +212,64 @@ var SingleDropdownList = {
209
212
  doc_count: this.totalDocumentCount
210
213
  }];
211
214
  }
212
- return h(Container.Container, {
215
+ return vue.createVNode(Container.Container, {
213
216
  "class": this.$props.className
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": {
242
- "css": Button.loadMoreContainer
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];
243
224
  }
244
- }, [h(Button.Button, {
245
- "on": {
246
- "click": this.handleLoadMore
247
- }
248
- }, [loadMoreLabel])]),
249
- "customLabelRenderer": renderLabelCalc
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", {
249
+ "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)];
250
259
  }
251
- })]);
260
+ });
252
261
  },
253
262
  methods: {
254
263
  setValue: function setValue(value, props) {
255
- var _this2 = this;
264
+ var _this3 = this;
256
265
  if (props === void 0) {
257
266
  props = this.$props;
258
267
  }
259
268
  var performUpdate = function performUpdate() {
260
- _this2.currentValue = value;
261
- _this2.updateQueryHandler(value, props);
262
- _this2.$emit('valueChange', value);
263
- _this2.$emit('value-change', value);
269
+ _this3.currentValue = value;
270
+ _this3.updateQueryHandler(value, props);
271
+ _this3.$emit('valueChange', value);
272
+ _this3.$emit('value-change', value);
264
273
  };
265
274
  checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
266
275
  },
@@ -8,21 +8,22 @@ 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');
11
12
  var VueTypes = _interopDefault(require('vue-types'));
12
- require('emotion');
13
13
  require('@appbaseio/vue-emotion');
14
+ require('emotion');
14
15
  require('polished');
15
- var vueTypes = require('./vueTypes-7cfc2f98.js');
16
+ var vueTypes = require('./vueTypes-621a8143.js');
16
17
  require('@appbaseio/reactivecore/lib/utils/transform');
17
18
  require('redux');
18
- var index = require('./index-30126fd0.js');
19
- var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
20
- var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
21
- var Title = require('./Title-16042ea0.js');
22
- var Input = require('./Input-ead4cd84.js');
23
- var Container = require('./Container-e699ea95.js');
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');
24
25
  var suggestions = require('@appbaseio/reactivecore/lib/utils/suggestions');
25
- var FormControlList = require('./FormControlList-bbb5cd24.js');
26
+ var FormControlList = require('./FormControlList-cf1ff2ca.js');
26
27
  var utils = require('./utils-83fd01e9.js');
27
28
 
28
29
  var updateQuery = configureStore.Actions.updateQuery,
@@ -142,13 +143,12 @@ var SingleList = {
142
143
  },
143
144
  render: function render() {
144
145
  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.$scopedSlots.renderItem || renderItem;
151
- var renderErrorCalc = this.$scopedSlots.renderError || renderError;
150
+ var renderItemCalc = this.$slots.renderItem || renderItem;
151
+ var renderErrorCalc = this.$slots.renderError || renderError;
152
152
  if (renderErrorCalc && this.error) {
153
153
  return index.isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
154
154
  }
@@ -172,71 +172,73 @@ var SingleList = {
172
172
  }
173
173
  return false;
174
174
  });
175
- return h(Container.Container, {
175
+ return vue.createVNode(Container.Container, {
176
176
  "class": this.$props.className
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
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
+ })];
204
240
  }
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
- })])]);
241
+ });
240
242
  },
241
243
  methods: {
242
244
  setValue: function setValue(nextValue, props) {
@@ -316,22 +318,17 @@ var SingleList = {
316
318
  this.searchTerm = value;
317
319
  },
318
320
  renderSearch: function renderSearch() {
319
- var h = this.$createElement;
320
321
  if (this.$props.showSearch) {
321
- return h(Input.Input, {
322
+ return vue.createVNode(Input.Input, {
322
323
  "class": getClassName(this.$props.innerClass, 'input') || '',
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
- },
324
+ "onInput": this.handleInputChange,
325
+ "value": this.$data.searchTerm,
326
+ "placeholder": this.$props.placeholder,
331
327
  "style": {
332
328
  margin: '0 0 8px'
333
- }
334
- });
329
+ },
330
+ "themePreset": this.$props.themePreset
331
+ }, null);
335
332
  }
336
333
  return null;
337
334
  },
@@ -371,9 +368,8 @@ var SingleList = {
371
368
  return true;
372
369
  },
373
370
  renderNoResult: function renderNoResult() {
374
- var h = this.$createElement;
375
- var renderNoResults = this.$scopedSlots.renderNoResults || this.$props.renderNoResults;
376
- return h("p", {
371
+ var renderNoResults = this.$slots.renderNoResults || this.$props.renderNoResults;
372
+ return vue.createVNode("p", {
377
373
  "class": getClassName(this.$props.innerClass, 'noResults') || null
378
374
  }, [index.isFunction(renderNoResults) ? renderNoResults() : renderNoResults]);
379
375
  }
@@ -8,20 +8,23 @@ var configureStore = require('@appbaseio/reactivecore');
8
8
  var configureStore__default = _interopDefault(configureStore);
9
9
  var constants = require('@appbaseio/reactivecore/lib/utils/constants');
10
10
  require('./_rollupPluginBabelHelpers-f8b843f8.js');
11
+ var vue = require('vue');
11
12
  var VueTypes = _interopDefault(require('vue-types'));
12
- require('emotion');
13
13
  require('@appbaseio/vue-emotion');
14
14
  require('polished');
15
- var vueTypes = require('./vueTypes-7cfc2f98.js');
15
+ var vueTypes = require('./vueTypes-621a8143.js');
16
16
  require('@appbaseio/reactivecore/lib/utils/transform');
17
17
  require('redux');
18
- var index = require('./index-30126fd0.js');
19
- var ComponentWrapper = require('./ComponentWrapper-b6d4660c.js');
20
- var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
21
- var Title = require('./Title-16042ea0.js');
22
- var Container = require('./Container-e699ea95.js');
23
- var FormControlList = require('./FormControlList-bbb5cd24.js');
18
+ var index = require('./index-dc25b706.js');
19
+ var ComponentWrapper = require('./ComponentWrapper-db45cc6d.js');
20
+ var PreferencesConsumer = require('./PreferencesConsumer-034c55e3.js');
21
+ var Title = require('./Title-8802a218.js');
22
+ var Container = require('./Container-29f049b2.js');
23
+ var FormControlList = require('./FormControlList-cf1ff2ca.js');
24
24
 
25
+ function _isSlot(s) {
26
+ return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !vue.isVNode(s);
27
+ }
25
28
  var updateQuery = configureStore.Actions.updateQuery,
26
29
  setQueryOptions = configureStore.Actions.setQueryOptions,
27
30
  setCustomQuery = configureStore.Actions.setCustomQuery;
@@ -98,39 +101,45 @@ var SingleRange = {
98
101
  }
99
102
  },
100
103
  render: function render() {
104
+ var _slot;
101
105
  var _this = this;
102
- var h = arguments[0];
103
- return h(Container.Container, {
106
+ return vue.createVNode(Container.Container, {
104
107
  "class": this.$props.className
105
- }, [this.$props.title && h(Title.Title, {
106
- "class": getClassName(this.$props.innerClass, 'title')
107
- }, [this.$props.title]), h(FormControlList.UL, {
108
- "class": getClassName(this.$props.innerClass, 'list')
109
- }, [this.$props.data.map(function (item) {
110
- var selected = !!_this.$data.currentValue && _this.$data.currentValue.label === item.label;
111
- return h("li", {
112
- "key": item.label,
113
- "class": "" + (selected ? 'active' : '')
114
- }, [h(FormControlList.Radio, {
115
- "class": getClassName(_this.$props.innerClass, 'radio'),
116
- "attrs": {
117
- "id": _this.$props.componentId + "-" + item.label,
118
- "name": _this.$props.componentId,
119
- "value": item.label,
120
- "type": "radio",
121
- "checked": selected,
122
- "show": _this.$props.showRadio
123
- },
124
- "on": {
125
- "change": _this.handleChange
126
- }
127
- }), h("label", {
128
- "class": getClassName(_this.$props.innerClass, 'label'),
129
- "attrs": {
130
- "for": _this.$props.componentId + "-" + item.label
131
- }
132
- }, [item.label])]);
133
- })])]);
108
+ }, {
109
+ "default": function _default() {
110
+ return [_this.$props.title && vue.createVNode(Title.Title, {
111
+ "class": getClassName(_this.$props.innerClass, 'title')
112
+ }, {
113
+ "default": function _default() {
114
+ return [_this.$props.title];
115
+ }
116
+ }), vue.createVNode(FormControlList.UL, {
117
+ "class": getClassName(_this.$props.innerClass, 'list')
118
+ }, _isSlot(_slot = _this.$props.data.map(function (item) {
119
+ var selected = !!_this.$data.currentValue && _this.$data.currentValue.label === item.label;
120
+ return vue.createVNode("li", {
121
+ "key": item.label,
122
+ "class": "" + (selected ? 'active' : '')
123
+ }, [vue.createVNode(FormControlList.Radio, {
124
+ "class": getClassName(_this.$props.innerClass, 'radio'),
125
+ "id": _this.$props.componentId + "-" + item.label,
126
+ "name": _this.$props.componentId,
127
+ "value": item.label,
128
+ "onChange": _this.handleChange,
129
+ "type": "radio",
130
+ "checked": selected,
131
+ "show": _this.$props.showRadio
132
+ }, null), vue.createVNode("label", {
133
+ "class": getClassName(_this.$props.innerClass, 'label'),
134
+ "for": _this.$props.componentId + "-" + item.label
135
+ }, [item.label])]);
136
+ })) ? _slot : {
137
+ "default": function _default() {
138
+ return [_slot];
139
+ }
140
+ })];
141
+ }
142
+ });
134
143
  },
135
144
  methods: {
136
145
  setValue: function setValue(value, props) {