@appbaseio/reactivesearch-vue 1.34.0-alpha.1 → 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.
- package/dist/@appbaseio/reactivesearch-vue.umd.js +6957 -9320
- package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js +7 -13
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js.map +1 -1
- package/dist/cjs/Button-626c5e8e.js +58 -0
- package/dist/cjs/{CancelSvg-220a7cc3.js → CancelSvg-062a42f0.js} +32 -40
- package/dist/cjs/Card-c381ded3.js +26 -0
- package/dist/cjs/{ComponentWrapper-9318cece.js → ComponentWrapper-db45cc6d.js} +18 -9
- package/dist/cjs/Container-29f049b2.js +12 -0
- package/dist/cjs/{DataSearch-8ea2651a.js → DataSearch-7c71ec9f.js} +749 -881
- package/dist/cjs/DataSearch.js +12 -11
- package/dist/cjs/{DropDown-8984b544.js → DropDown-3b899b20.js} +78 -79
- package/dist/cjs/DynamicRangeSlider.js +51 -37
- package/dist/cjs/Flex-d5675ea6.js +48 -0
- package/dist/cjs/FormControlList-cf1ff2ca.js +42 -0
- package/dist/cjs/Input-4d278ca0.js +74 -0
- package/dist/cjs/ListItem-c067bc07.js +41 -0
- package/dist/cjs/MultiDropdownList.js +71 -62
- package/dist/cjs/MultiList.js +85 -88
- package/dist/cjs/MultiRange.js +54 -41
- package/dist/cjs/{Pagination-07f4dbad.js → Pagination-a468f960.js} +56 -53
- package/dist/cjs/{PreferencesConsumer-5d67b486.js → PreferencesConsumer-034c55e3.js} +6 -5
- package/dist/cjs/RangeInput.js +115 -107
- package/dist/cjs/RangeSlider.js +50 -36
- package/dist/cjs/ReactiveBase.js +67 -49
- package/dist/cjs/{ReactiveComponent-0a354ed7.js → ReactiveComponent-f0f486ca.js} +326 -315
- package/dist/cjs/ReactiveComponent.js +21 -20
- package/dist/cjs/ReactiveGoogleMap.js +283 -307
- package/dist/cjs/ReactiveList.js +99 -116
- package/dist/cjs/ResultCard.js +26 -19
- package/dist/cjs/ResultList.js +31 -27
- package/dist/cjs/SelectedFilters.js +49 -34
- package/dist/cjs/SingleDropdownList.js +70 -61
- package/dist/cjs/SingleList.js +86 -90
- package/dist/cjs/SingleRange.js +48 -39
- package/dist/cjs/StateProvider.js +2 -2
- package/dist/cjs/Title-8802a218.js +12 -0
- package/dist/cjs/ToggleButton.js +39 -32
- package/dist/cjs/{index-30126fd0.js → index-dc25b706.js} +6 -6
- package/dist/cjs/index.js +22 -21
- package/dist/cjs/install.js +21 -20
- package/dist/cjs/ssr-eb901d09.js +35 -0
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/{vueTypes-7cfc2f98.js → vueTypes-621a8143.js} +1 -1
- package/dist/es/Button-ebafa3d6.js +52 -0
- package/dist/es/{CancelSvg-e40552a5.js → CancelSvg-14ebc9a1.js} +30 -37
- package/dist/es/{Card-19ad6d90.js → Card-1951569e.js} +5 -6
- package/dist/es/{ComponentWrapper-240450cc.js → ComponentWrapper-bf443c0b.js} +17 -8
- package/dist/es/Container-d00219f7.js +1 -1
- package/dist/es/{DataSearch-dcaa106b.js → DataSearch-4f9a4e46.js} +742 -873
- package/dist/es/DataSearch.js +10 -9
- package/dist/es/{DropDown-28ddce07.js → DropDown-35e232b7.js} +78 -78
- package/dist/es/DynamicRangeSlider.js +48 -34
- package/dist/es/Flex-a08e22d7.js +46 -0
- package/dist/es/FormControlList-fa5cf78b.js +38 -0
- package/dist/es/Input-3b8408a6.js +69 -0
- package/dist/es/{ListItem-07888a65.js → ListItem-47a6345a.js} +6 -7
- package/dist/es/MultiDropdownList.js +69 -60
- package/dist/es/MultiList.js +84 -87
- package/dist/es/MultiRange.js +52 -39
- package/dist/es/{Pagination-28e56c5c.js → Pagination-145b4ff2.js} +56 -53
- package/dist/es/{PreferencesConsumer-bc097ebb.js → PreferencesConsumer-7ea7313a.js} +5 -4
- package/dist/es/RangeInput.js +112 -103
- package/dist/es/RangeSlider.js +47 -33
- package/dist/es/ReactiveBase.js +66 -47
- package/dist/es/{ReactiveComponent-9352370c.js → ReactiveComponent-e2fb9eb4.js} +322 -310
- package/dist/es/ReactiveComponent.js +18 -17
- package/dist/es/ReactiveGoogleMap.js +279 -302
- package/dist/es/ReactiveList.js +97 -113
- package/dist/es/ResultCard.js +25 -18
- package/dist/es/ResultList.js +30 -26
- package/dist/es/SelectedFilters.js +47 -32
- package/dist/es/SingleDropdownList.js +68 -59
- package/dist/es/SingleList.js +84 -88
- package/dist/es/SingleRange.js +46 -37
- package/dist/es/StateProvider.js +2 -2
- package/dist/es/Title-863dfa42.js +1 -1
- package/dist/es/ToggleButton.js +37 -30
- package/dist/es/{index-0444a498.js → index-285a43a6.js} +6 -6
- package/dist/es/index.js +19 -18
- package/dist/es/install.js +18 -17
- package/dist/es/ssr-03607d84.js +1 -1
- package/dist/es/version.js +1 -1
- package/dist/es/{vueTypes-8986b709.js → vueTypes-e4af6fe2.js} +1 -1
- package/package.json +87 -87
- package/dist/cjs/Button-841fd06d.js +0 -62
- package/dist/cjs/Card-240f283d.js +0 -30
- package/dist/cjs/Container-e699ea95.js +0 -15
- package/dist/cjs/Flex-ddd7cb6b.js +0 -50
- package/dist/cjs/FormControlList-bbb5cd24.js +0 -45
- package/dist/cjs/Input-ead4cd84.js +0 -77
- package/dist/cjs/ListItem-5088bd6a.js +0 -45
- package/dist/cjs/Title-16042ea0.js +0 -15
- package/dist/cjs/ssr-f2fc1bf6.js +0 -36
- package/dist/es/Button-153cd885.js +0 -53
- package/dist/es/Flex-7c177a10.js +0 -45
- package/dist/es/FormControlList-99797d0a.js +0 -38
- 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
|
-
|
|
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-
|
|
16
|
-
var vueTypes = require('./vueTypes-
|
|
16
|
+
var Button = require('./Button-626c5e8e.js');
|
|
17
|
+
var vueTypes = require('./vueTypes-621a8143.js');
|
|
17
18
|
require('redux');
|
|
18
|
-
var index = require('./index-
|
|
19
|
-
var Title = require('./Title-
|
|
20
|
-
var Container = require('./Container-
|
|
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
|
-
|
|
47
|
-
|
|
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
|
|
59
|
+
return vue.createVNode(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
|
-
|
|
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
|
-
}
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
},
|
|
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-
|
|
16
|
-
var vueTypes = require('./vueTypes-
|
|
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-
|
|
20
|
-
var ComponentWrapper = require('./ComponentWrapper-
|
|
21
|
-
var PreferencesConsumer = require('./PreferencesConsumer-
|
|
22
|
-
require('
|
|
23
|
-
|
|
24
|
-
require('./
|
|
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-
|
|
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-
|
|
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.
|
|
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
|
|
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.$
|
|
191
|
-
var renderErrorCalc = this.$
|
|
192
|
-
var renderLabelCalc = this.$
|
|
193
|
-
var renderNoResults = this.$
|
|
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
|
|
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
|
|
215
|
+
return vue.createVNode(Container.Container, {
|
|
213
216
|
"class": this.$props.className
|
|
214
|
-
},
|
|
215
|
-
"
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
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
|
-
},
|
|
245
|
-
"
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
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
|
|
264
|
+
var _this3 = this;
|
|
256
265
|
if (props === void 0) {
|
|
257
266
|
props = this.$props;
|
|
258
267
|
}
|
|
259
268
|
var performUpdate = function performUpdate() {
|
|
260
|
-
|
|
261
|
-
|
|
262
|
-
|
|
263
|
-
|
|
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
|
},
|
package/dist/cjs/SingleList.js
CHANGED
|
@@ -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-
|
|
16
|
+
var vueTypes = require('./vueTypes-621a8143.js');
|
|
16
17
|
require('@appbaseio/reactivecore/lib/utils/transform');
|
|
17
18
|
require('redux');
|
|
18
|
-
var index = require('./index-
|
|
19
|
-
var ComponentWrapper = require('./ComponentWrapper-
|
|
20
|
-
var PreferencesConsumer = require('./PreferencesConsumer-
|
|
21
|
-
var Title = require('./Title-
|
|
22
|
-
var Input = require('./Input-
|
|
23
|
-
var Container = require('./Container-
|
|
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-
|
|
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.$
|
|
151
|
-
var renderErrorCalc = this.$
|
|
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
|
|
175
|
+
return vue.createVNode(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
|
-
|
|
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
|
-
}
|
|
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
|
|
322
|
+
return vue.createVNode(Input.Input, {
|
|
322
323
|
"class": getClassName(this.$props.innerClass, 'input') || '',
|
|
323
|
-
"
|
|
324
|
-
|
|
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
|
|
375
|
-
|
|
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
|
}
|
package/dist/cjs/SingleRange.js
CHANGED
|
@@ -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-
|
|
15
|
+
var vueTypes = require('./vueTypes-621a8143.js');
|
|
16
16
|
require('@appbaseio/reactivecore/lib/utils/transform');
|
|
17
17
|
require('redux');
|
|
18
|
-
var index = require('./index-
|
|
19
|
-
var ComponentWrapper = require('./ComponentWrapper-
|
|
20
|
-
var PreferencesConsumer = require('./PreferencesConsumer-
|
|
21
|
-
var Title = require('./Title-
|
|
22
|
-
var Container = require('./Container-
|
|
23
|
-
var FormControlList = require('./FormControlList-
|
|
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
|
-
|
|
103
|
-
return h(Container.Container, {
|
|
106
|
+
return vue.createVNode(Container.Container, {
|
|
104
107
|
"class": this.$props.className
|
|
105
|
-
},
|
|
106
|
-
"
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
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) {
|