@appbaseio/reactivesearch-vue 1.34.0-alpha.2 → 1.34.0
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.
- package/dist/@appbaseio/reactivesearch-vue.umd.js +10874 -8633
- package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js +12 -11
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js.map +1 -1
- package/dist/cjs/Button-841fd06d.js +62 -0
- package/dist/cjs/{CancelSvg-062a42f0.js → CancelSvg-220a7cc3.js} +40 -32
- package/dist/cjs/Card-240f283d.js +30 -0
- package/dist/cjs/{ComponentWrapper-db45cc6d.js → ComponentWrapper-94c50228.js} +7 -7
- package/dist/cjs/Container-e699ea95.js +15 -0
- package/dist/cjs/DataSearch.js +1312 -20
- package/dist/cjs/{DropDown-3b899b20.js → DropDown-7a52c661.js} +79 -78
- package/dist/cjs/DynamicRangeSlider.js +46 -56
- package/dist/cjs/Flex-ddd7cb6b.js +50 -0
- package/dist/cjs/FormControlList-bbb5cd24.js +45 -0
- package/dist/cjs/Input-ead4cd84.js +77 -0
- package/dist/cjs/ListItem-5088bd6a.js +45 -0
- package/dist/cjs/MultiDropdownList.js +68 -74
- package/dist/cjs/MultiList.js +94 -89
- package/dist/cjs/MultiRange.js +44 -54
- package/dist/cjs/{Pagination-a468f960.js → Pagination-e56a5b79.js} +53 -56
- package/dist/cjs/{PreferencesConsumer-034c55e3.js → PreferencesConsumer-5e6e84a2.js} +5 -6
- package/dist/cjs/RangeInput.js +107 -115
- package/dist/cjs/RangeSlider.js +39 -50
- package/dist/cjs/ReactiveBase.js +55 -69
- package/dist/cjs/ReactiveComponent.js +316 -46
- package/dist/cjs/{ReactiveComponent-f0f486ca.js → ReactiveComponentPrivate-244c6055.js} +321 -618
- package/dist/cjs/ReactiveComponentPrivate.js +55 -0
- package/dist/cjs/ReactiveGoogleMap.js +439 -384
- package/dist/cjs/ReactiveList.js +128 -100
- package/dist/cjs/ResultCard.js +19 -26
- package/dist/cjs/ResultList.js +27 -31
- package/dist/cjs/SelectedFilters.js +34 -49
- package/dist/cjs/SingleDropdownList.js +66 -73
- package/dist/cjs/SingleList.js +96 -90
- package/dist/cjs/SingleRange.js +42 -48
- package/dist/cjs/StateProvider.js +2 -2
- package/dist/cjs/Tags-4ec43831.js +883 -0
- package/dist/cjs/Title-16042ea0.js +15 -0
- package/dist/cjs/ToggleButton.js +34 -39
- package/dist/cjs/{index-dc25b706.js → index-de136c17.js} +8 -6
- package/dist/cjs/index.js +27 -25
- package/dist/cjs/initReactivesearch.js +0 -3
- package/dist/cjs/install.js +23 -22
- package/dist/cjs/ssr-f2fc1bf6.js +36 -0
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/{vueTypes-621a8143.js → vueTypes-b7007f5f.js} +3 -2
- package/dist/es/Button-153cd885.js +53 -0
- package/dist/es/{CancelSvg-14ebc9a1.js → CancelSvg-e40552a5.js} +37 -30
- package/dist/es/{Card-1951569e.js → Card-19ad6d90.js} +6 -5
- package/dist/es/{ComponentWrapper-bf443c0b.js → ComponentWrapper-edaeaceb.js} +6 -6
- package/dist/es/Container-d00219f7.js +1 -1
- package/dist/es/DataSearch.js +1312 -18
- package/dist/es/{DropDown-35e232b7.js → DropDown-2c0dd714.js} +78 -78
- package/dist/es/DynamicRangeSlider.js +43 -53
- package/dist/es/Flex-7c177a10.js +45 -0
- package/dist/es/FormControlList-99797d0a.js +38 -0
- package/dist/es/Input-c09c0b56.js +69 -0
- package/dist/es/{ListItem-47a6345a.js → ListItem-07888a65.js} +7 -6
- package/dist/es/MultiDropdownList.js +66 -72
- package/dist/es/MultiList.js +93 -88
- package/dist/es/MultiRange.js +42 -52
- package/dist/es/{Pagination-145b4ff2.js → Pagination-edeb7dbe.js} +53 -56
- package/dist/es/{PreferencesConsumer-7ea7313a.js → PreferencesConsumer-86a676c8.js} +4 -5
- package/dist/es/RangeInput.js +103 -112
- package/dist/es/RangeSlider.js +36 -47
- package/dist/es/ReactiveBase.js +53 -68
- package/dist/es/ReactiveComponent.js +316 -45
- package/dist/es/{ReactiveComponent-e2fb9eb4.js → ReactiveComponentPrivate-6f16e1b7.js} +316 -614
- package/dist/es/ReactiveComponentPrivate.js +47 -0
- package/dist/es/ReactiveGoogleMap.js +434 -380
- package/dist/es/ReactiveList.js +125 -98
- package/dist/es/ResultCard.js +18 -25
- package/dist/es/ResultList.js +26 -30
- package/dist/es/SelectedFilters.js +32 -47
- package/dist/es/SingleDropdownList.js +64 -71
- package/dist/es/SingleList.js +94 -88
- package/dist/es/SingleRange.js +40 -46
- package/dist/es/StateProvider.js +2 -2
- package/dist/es/Tags-1c2d6c4d.js +869 -0
- package/dist/es/Title-863dfa42.js +1 -1
- package/dist/es/ToggleButton.js +32 -37
- package/dist/es/{index-285a43a6.js → index-5509c0bc.js} +8 -6
- package/dist/es/index.js +20 -19
- package/dist/es/initReactivesearch.js +0 -3
- package/dist/es/install.js +20 -19
- package/dist/es/ssr-03607d84.js +1 -1
- package/dist/es/version.js +1 -1
- package/dist/es/{vueTypes-e4af6fe2.js → vueTypes-66ebc93e.js} +3 -2
- package/package.json +10 -10
- package/dist/cjs/Button-626c5e8e.js +0 -58
- package/dist/cjs/Card-c381ded3.js +0 -26
- package/dist/cjs/Container-29f049b2.js +0 -12
- package/dist/cjs/DataSearch-7c71ec9f.js +0 -2043
- package/dist/cjs/Flex-d5675ea6.js +0 -48
- package/dist/cjs/FormControlList-cf1ff2ca.js +0 -42
- package/dist/cjs/Input-4d278ca0.js +0 -74
- package/dist/cjs/ListItem-c067bc07.js +0 -41
- package/dist/cjs/Title-8802a218.js +0 -12
- package/dist/cjs/ssr-eb901d09.js +0 -35
- package/dist/es/Button-ebafa3d6.js +0 -52
- package/dist/es/DataSearch-4f9a4e46.js +0 -2028
- package/dist/es/Flex-a08e22d7.js +0 -46
- package/dist/es/FormControlList-fa5cf78b.js +0 -38
- 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-
|
|
17
|
-
var vueTypes = require('./vueTypes-
|
|
15
|
+
var Button = require('./Button-841fd06d.js');
|
|
16
|
+
var vueTypes = require('./vueTypes-b7007f5f.js');
|
|
18
17
|
require('redux');
|
|
19
|
-
var index = require('./index-
|
|
20
|
-
var Title = require('./Title-
|
|
21
|
-
var Container = require('./Container-
|
|
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
|
-
|
|
48
|
-
|
|
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
|
|
59
|
+
return h(Container.Container, {
|
|
60
60
|
"class": Button.filters(this.theme) + " " + (this.$props.className || '')
|
|
61
|
-
}, {
|
|
62
|
-
"
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
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
|
-
|
|
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-
|
|
17
|
-
var vueTypes = require('./vueTypes-
|
|
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-
|
|
21
|
-
var ComponentWrapper = require('./ComponentWrapper-
|
|
22
|
-
var PreferencesConsumer = require('./PreferencesConsumer-
|
|
23
|
-
|
|
24
|
-
require('./
|
|
25
|
-
require('./
|
|
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-
|
|
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-
|
|
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.
|
|
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
|
|
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.$
|
|
194
|
-
var renderErrorCalc = this.$
|
|
195
|
-
var renderLabelCalc = this.$
|
|
196
|
-
var renderNoResults = this.$
|
|
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
|
|
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
|
|
212
|
+
return h(Container.Container, {
|
|
216
213
|
"class": this.$props.className
|
|
217
|
-
}, {
|
|
218
|
-
"
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
"
|
|
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
|
-
}
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
"
|
|
254
|
-
|
|
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
|
|
255
|
+
var _this2 = this;
|
|
265
256
|
if (props === void 0) {
|
|
266
257
|
props = this.$props;
|
|
267
258
|
}
|
|
268
259
|
var performUpdate = function performUpdate() {
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
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;
|
package/dist/cjs/SingleList.js
CHANGED
|
@@ -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-
|
|
15
|
+
var vueTypes = require('./vueTypes-b7007f5f.js');
|
|
17
16
|
require('@appbaseio/reactivecore/lib/utils/transform');
|
|
18
17
|
require('redux');
|
|
19
|
-
var index = require('./index-
|
|
20
|
-
var ComponentWrapper = require('./ComponentWrapper-
|
|
21
|
-
var PreferencesConsumer = require('./PreferencesConsumer-
|
|
22
|
-
var Title = require('./Title-
|
|
23
|
-
var Input = require('./Input-
|
|
24
|
-
var Container = require('./Container-
|
|
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-
|
|
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.$
|
|
151
|
-
var renderErrorCalc = this.$
|
|
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.
|
|
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
|
|
175
|
+
return h(Container.Container, {
|
|
176
176
|
"class": this.$props.className
|
|
177
|
-
}, {
|
|
178
|
-
"
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
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
|
|
321
|
+
return h(Input.Input, {
|
|
323
322
|
"class": getClassName(this.$props.innerClass, 'input') || '',
|
|
324
|
-
"
|
|
325
|
-
|
|
326
|
-
|
|
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
|
-
|
|
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
|
|
372
|
-
|
|
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;
|