@appbaseio/reactivesearch-vue 1.33.0 → 1.33.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/@appbaseio/reactivesearch-vue.umd.js +1916 -6072
- package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js +3 -5
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js.map +1 -1
- package/dist/cjs/{Button-0673191e.js → Button-841fd06d.js} +1 -7
- package/dist/cjs/{CancelSvg-9f258f4f.js → CancelSvg-220a7cc3.js} +24 -58
- package/dist/cjs/{Card-642547a8.js → Card-240f283d.js} +2 -2
- package/dist/cjs/{ComponentWrapper-981ab977.js → ComponentWrapper-9318cece.js} +21 -41
- package/dist/cjs/{Container-daf30918.js → Container-e699ea95.js} +1 -1
- package/dist/cjs/{DataSearch-708b183d.js → DataSearch-99a6a2e8.js} +121 -293
- package/dist/cjs/DataSearch.js +11 -11
- package/dist/cjs/{DropDown-c479bbb0.js → DropDown-8984b544.js} +27 -48
- package/dist/cjs/DynamicRangeSlider.js +44 -93
- package/dist/cjs/{Flex-aa517a13.js → Flex-ddd7cb6b.js} +1 -3
- package/dist/cjs/{FormControlList-c195a592.js → FormControlList-bbb5cd24.js} +1 -3
- package/dist/cjs/{Input-e6603a7e.js → Input-ead4cd84.js} +14 -16
- package/dist/cjs/{ListItem-8c9e0d68.js → ListItem-5088bd6a.js} +2 -3
- package/dist/cjs/MultiDropdownList.js +41 -102
- package/dist/cjs/MultiList.js +35 -98
- package/dist/cjs/MultiRange.js +20 -52
- package/dist/cjs/{Pagination-3d73e1b3.js → Pagination-07f4dbad.js} +10 -30
- package/dist/cjs/{PreferencesConsumer-7be03476.js → PreferencesConsumer-5d67b486.js} +13 -16
- package/dist/cjs/RangeInput.js +36 -52
- package/dist/cjs/RangeSlider.js +24 -48
- package/dist/cjs/ReactiveBase.js +34 -79
- package/dist/cjs/{ReactiveComponent-5ff98cce.js → ReactiveComponent-805201c6.js} +118 -301
- package/dist/cjs/ReactiveComponent.js +20 -20
- package/dist/cjs/ReactiveGoogleMap.js +167 -353
- package/dist/cjs/ReactiveList.js +88 -176
- package/dist/cjs/ResultCard.js +10 -18
- package/dist/cjs/ResultList.js +13 -24
- package/dist/cjs/SelectedFilters.js +16 -34
- package/dist/cjs/SingleDropdownList.js +35 -75
- package/dist/cjs/SingleList.js +29 -75
- package/dist/cjs/SingleRange.js +17 -40
- package/dist/cjs/StateProvider.js +6 -26
- package/dist/cjs/{Title-1de7d0f4.js → Title-16042ea0.js} +1 -1
- package/dist/cjs/ToggleButton.js +20 -58
- package/dist/cjs/{_rollupPluginBabelHelpers-c705cbe6.js → _rollupPluginBabelHelpers-f8b843f8.js} +0 -15
- package/dist/cjs/{index-08f8dfa3.js → index-30126fd0.js} +39 -75
- package/dist/cjs/index.js +20 -21
- package/dist/cjs/initReactivesearch.js +49 -120
- package/dist/cjs/install.js +20 -20
- package/dist/cjs/{ssr-3027b848.js → ssr-f2fc1bf6.js} +1 -4
- package/dist/cjs/{utils-d6a52588.js → utils-83fd01e9.js} +7 -16
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/{vueTypes-727b7c63.js → vueTypes-7cfc2f98.js} +6 -11
- package/dist/es/{Button-35aa984e.js → Button-153cd885.js} +1 -7
- package/dist/es/{CancelSvg-4cfae5fd.js → CancelSvg-e40552a5.js} +24 -58
- package/dist/es/{Card-450683f1.js → Card-19ad6d90.js} +2 -2
- package/dist/es/{ComponentWrapper-d5e814a4.js → ComponentWrapper-240450cc.js} +21 -41
- package/dist/es/{Container-ba826e96.js → Container-d00219f7.js} +1 -1
- package/dist/es/{DataSearch-5376d39a.js → DataSearch-20f0d8f1.js} +121 -293
- package/dist/es/DataSearch.js +11 -11
- package/dist/es/{DropDown-05a644a5.js → DropDown-28ddce07.js} +27 -48
- package/dist/es/DynamicRangeSlider.js +44 -93
- package/dist/es/{Flex-1f0795c3.js → Flex-7c177a10.js} +1 -3
- package/dist/es/{FormControlList-c22d64f6.js → FormControlList-99797d0a.js} +1 -3
- package/dist/es/{Input-7a2a9fac.js → Input-c09c0b56.js} +14 -16
- package/dist/es/{ListItem-cad14c5e.js → ListItem-07888a65.js} +2 -3
- package/dist/es/MultiDropdownList.js +41 -102
- package/dist/es/MultiList.js +35 -98
- package/dist/es/MultiRange.js +20 -52
- package/dist/es/{Pagination-af9de08f.js → Pagination-28e56c5c.js} +10 -30
- package/dist/es/{PreferencesConsumer-c30605fe.js → PreferencesConsumer-bc097ebb.js} +13 -16
- package/dist/es/RangeInput.js +36 -52
- package/dist/es/RangeSlider.js +24 -48
- package/dist/es/ReactiveBase.js +34 -79
- package/dist/es/{ReactiveComponent-ee01562d.js → ReactiveComponent-dd85aa9c.js} +118 -301
- package/dist/es/ReactiveComponent.js +20 -20
- package/dist/es/ReactiveGoogleMap.js +167 -353
- package/dist/es/ReactiveList.js +88 -176
- package/dist/es/ResultCard.js +10 -18
- package/dist/es/ResultList.js +13 -24
- package/dist/es/SelectedFilters.js +16 -34
- package/dist/es/SingleDropdownList.js +35 -75
- package/dist/es/SingleList.js +29 -75
- package/dist/es/SingleRange.js +17 -40
- package/dist/es/StateProvider.js +6 -26
- package/dist/es/{Title-3342664a.js → Title-863dfa42.js} +1 -1
- package/dist/es/ToggleButton.js +20 -58
- package/dist/es/{_rollupPluginBabelHelpers-76660dab.js → _rollupPluginBabelHelpers-ded08042.js} +0 -15
- package/dist/es/{index-99c5f9c9.js → index-0444a498.js} +39 -75
- package/dist/es/index.js +20 -21
- package/dist/es/initReactivesearch.js +49 -120
- package/dist/es/install.js +20 -20
- package/dist/es/{ssr-b2c0b401.js → ssr-03607d84.js} +1 -4
- package/dist/es/{utils-9e68acee.js → utils-9e5a16a1.js} +7 -16
- package/dist/es/version.js +1 -1
- package/dist/es/{vueTypes-b8146772.js → vueTypes-8986b709.js} +6 -11
- package/package.json +1 -1
package/dist/cjs/ResultCard.js
CHANGED
|
@@ -4,15 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
6
6
|
|
|
7
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-
|
|
7
|
+
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
8
8
|
var VueTypes = _interopDefault(require('vue-types'));
|
|
9
9
|
require('emotion');
|
|
10
10
|
require('@appbaseio/vue-emotion');
|
|
11
11
|
require('polished');
|
|
12
|
-
var vueTypes = require('./vueTypes-
|
|
12
|
+
var vueTypes = require('./vueTypes-7cfc2f98.js');
|
|
13
13
|
var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
|
|
14
|
-
var Title = require('./Title-
|
|
15
|
-
var Card = require('./Card-
|
|
14
|
+
var Title = require('./Title-16042ea0.js');
|
|
15
|
+
var Card = require('./Card-240f283d.js');
|
|
16
16
|
|
|
17
17
|
var ResultCardTitle = {
|
|
18
18
|
name: 'ResultCardTitle',
|
|
@@ -22,7 +22,6 @@ var ResultCardTitle = {
|
|
|
22
22
|
return h(Title.Title, _mergeJSXProps([{}, this.$props]), [children]);
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
|
-
|
|
26
25
|
ResultCardTitle.install = function (Vue) {
|
|
27
26
|
Vue.component(ResultCardTitle.name, ResultCardTitle);
|
|
28
27
|
};
|
|
@@ -35,11 +34,9 @@ var ResultCardImage = {
|
|
|
35
34
|
},
|
|
36
35
|
render: function render() {
|
|
37
36
|
var h = arguments[0];
|
|
38
|
-
|
|
39
37
|
var _this$$props = this.$props,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
38
|
+
src = _this$$props.src,
|
|
39
|
+
props = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_this$$props, _excluded);
|
|
43
40
|
return h(Card.Image, _mergeJSXProps([{
|
|
44
41
|
"style": {
|
|
45
42
|
backgroundImage: "url(" + src + ")"
|
|
@@ -47,7 +44,6 @@ var ResultCardImage = {
|
|
|
47
44
|
}, props]));
|
|
48
45
|
}
|
|
49
46
|
};
|
|
50
|
-
|
|
51
47
|
ResultCardImage.install = function (Vue) {
|
|
52
48
|
Vue.component(ResultCardImage.name, ResultCardImage);
|
|
53
49
|
};
|
|
@@ -57,12 +53,11 @@ var ResultCardDescription = {
|
|
|
57
53
|
functional: true,
|
|
58
54
|
render: function render(_, _ref) {
|
|
59
55
|
var props = _ref.props,
|
|
60
|
-
|
|
56
|
+
children = _ref.children;
|
|
61
57
|
var h = arguments[0];
|
|
62
58
|
return h("article", _mergeJSXProps([{}, props]), [children]);
|
|
63
59
|
}
|
|
64
60
|
};
|
|
65
|
-
|
|
66
61
|
ResultCardDescription.install = function (Vue) {
|
|
67
62
|
Vue.component(ResultCardDescription.name, ResultCardDescription);
|
|
68
63
|
};
|
|
@@ -82,12 +77,10 @@ var ResultCard = {
|
|
|
82
77
|
render: function render() {
|
|
83
78
|
var h = arguments[0];
|
|
84
79
|
var children = this.$slots["default"];
|
|
85
|
-
|
|
86
80
|
var _this$$props = this.$props,
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
81
|
+
href = _this$$props.href,
|
|
82
|
+
target = _this$$props.target,
|
|
83
|
+
rest = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_this$$props, _excluded$1);
|
|
91
84
|
return h(Card.Card, _mergeJSXProps([{
|
|
92
85
|
"attrs": {
|
|
93
86
|
"href": href,
|
|
@@ -97,7 +90,6 @@ var ResultCard = {
|
|
|
97
90
|
}, rest]), [children]);
|
|
98
91
|
}
|
|
99
92
|
};
|
|
100
|
-
|
|
101
93
|
ResultCard.install = function (Vue) {
|
|
102
94
|
Vue.component(ResultCard.name, ResultCard);
|
|
103
95
|
Vue.component(ResultCardTitle.name, ResultCardTitle);
|
package/dist/cjs/ResultList.js
CHANGED
|
@@ -4,27 +4,26 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
6
6
|
|
|
7
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-
|
|
7
|
+
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
8
8
|
var VueTypes = _interopDefault(require('vue-types'));
|
|
9
9
|
require('emotion');
|
|
10
10
|
require('@appbaseio/vue-emotion');
|
|
11
11
|
require('polished');
|
|
12
|
-
var vueTypes = require('./vueTypes-
|
|
12
|
+
var vueTypes = require('./vueTypes-7cfc2f98.js');
|
|
13
13
|
var _mergeJSXProps = _interopDefault(require('@vue/babel-helper-vue-jsx-merge-props'));
|
|
14
|
-
var Title = require('./Title-
|
|
15
|
-
var ListItem = require('./ListItem-
|
|
14
|
+
var Title = require('./Title-16042ea0.js');
|
|
15
|
+
var ListItem = require('./ListItem-5088bd6a.js');
|
|
16
16
|
|
|
17
17
|
var ResultListContent = {
|
|
18
18
|
name: 'ResultListContent',
|
|
19
19
|
functional: true,
|
|
20
20
|
render: function render(_, _ref) {
|
|
21
21
|
var props = _ref.props,
|
|
22
|
-
|
|
22
|
+
children = _ref.children;
|
|
23
23
|
var h = arguments[0];
|
|
24
24
|
return h("article", _mergeJSXProps([{}, props]), [children]);
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
|
-
|
|
28
27
|
ResultListContent.install = function (Vue) {
|
|
29
28
|
Vue.component(ResultListContent.name, ResultListContent);
|
|
30
29
|
};
|
|
@@ -34,12 +33,11 @@ var ResultListDescription = {
|
|
|
34
33
|
functional: true,
|
|
35
34
|
render: function render(_, _ref) {
|
|
36
35
|
var props = _ref.props,
|
|
37
|
-
|
|
36
|
+
children = _ref.children;
|
|
38
37
|
var h = arguments[0];
|
|
39
38
|
return h("div", _mergeJSXProps([{}, props]), [children]);
|
|
40
39
|
}
|
|
41
40
|
};
|
|
42
|
-
|
|
43
41
|
ResultListDescription.install = function (Vue) {
|
|
44
42
|
Vue.component(ResultListDescription.name, ResultListDescription);
|
|
45
43
|
};
|
|
@@ -53,12 +51,10 @@ var ResultListImage = {
|
|
|
53
51
|
},
|
|
54
52
|
render: function render() {
|
|
55
53
|
var h = arguments[0];
|
|
56
|
-
|
|
57
54
|
var _this$$props = this.$props,
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
55
|
+
src = _this$$props.src,
|
|
56
|
+
small = _this$$props.small,
|
|
57
|
+
props = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_this$$props, _excluded);
|
|
62
58
|
return h(ListItem.Image, _mergeJSXProps([{
|
|
63
59
|
"attrs": {
|
|
64
60
|
"src": src,
|
|
@@ -67,7 +63,6 @@ var ResultListImage = {
|
|
|
67
63
|
}, props]));
|
|
68
64
|
}
|
|
69
65
|
};
|
|
70
|
-
|
|
71
66
|
ResultListImage.install = function (Vue) {
|
|
72
67
|
Vue.component(ResultListImage.name, ResultListImage);
|
|
73
68
|
};
|
|
@@ -80,7 +75,6 @@ var ResultListTitle = {
|
|
|
80
75
|
return h(Title.Title, _mergeJSXProps([{}, this.$props]), [children]);
|
|
81
76
|
}
|
|
82
77
|
};
|
|
83
|
-
|
|
84
78
|
ResultListTitle.install = function (Vue) {
|
|
85
79
|
Vue.component(ResultListTitle.name, ResultListTitle);
|
|
86
80
|
};
|
|
@@ -110,10 +104,8 @@ var ResultList = {
|
|
|
110
104
|
var ImageChild = children.find(function (o) {
|
|
111
105
|
return o.componentOptions && o.componentOptions.tag === ResultListImage.name;
|
|
112
106
|
});
|
|
113
|
-
|
|
114
107
|
if (ImageChild && ImageChild.componentOptions && ImageChild.componentOptions.propsData) {
|
|
115
108
|
this.hasImage = true;
|
|
116
|
-
|
|
117
109
|
if (ImageChild.componentOptions.propsData.small) {
|
|
118
110
|
this.isSmall = true;
|
|
119
111
|
}
|
|
@@ -121,14 +113,12 @@ var ResultList = {
|
|
|
121
113
|
},
|
|
122
114
|
render: function render() {
|
|
123
115
|
var h = arguments[0];
|
|
124
|
-
|
|
125
116
|
var _this$$props = this.$props,
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
117
|
+
href = _this$$props.href,
|
|
118
|
+
target = _this$$props.target,
|
|
119
|
+
props = _rollupPluginBabelHelpers._objectWithoutPropertiesLoose(_this$$props, _excluded$1);
|
|
130
120
|
var hasImage = this.hasImage,
|
|
131
|
-
|
|
121
|
+
isSmall = this.isSmall;
|
|
132
122
|
var children = this.$slots["default"];
|
|
133
123
|
return h(ListItem.ListItem, _mergeJSXProps([{
|
|
134
124
|
"attrs": {
|
|
@@ -141,7 +131,6 @@ var ResultList = {
|
|
|
141
131
|
}, props]), [children]);
|
|
142
132
|
}
|
|
143
133
|
};
|
|
144
|
-
|
|
145
134
|
ResultList.install = function (Vue) {
|
|
146
135
|
Vue.component(ResultList.name, ResultList);
|
|
147
136
|
Vue.component(ResultListContent.name, ResultListContent);
|
|
@@ -7,23 +7,23 @@ 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-
|
|
10
|
+
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
11
11
|
var VueTypes = _interopDefault(require('vue-types'));
|
|
12
12
|
require('emotion');
|
|
13
13
|
require('@appbaseio/vue-emotion');
|
|
14
14
|
require('polished');
|
|
15
|
-
var Button = require('./Button-
|
|
16
|
-
var vueTypes = require('./vueTypes-
|
|
15
|
+
var Button = require('./Button-841fd06d.js');
|
|
16
|
+
var vueTypes = require('./vueTypes-7cfc2f98.js');
|
|
17
17
|
require('redux');
|
|
18
|
-
var index = require('./index-
|
|
19
|
-
var Title = require('./Title-
|
|
20
|
-
var Container = require('./Container-
|
|
18
|
+
var index = require('./index-30126fd0.js');
|
|
19
|
+
var Title = require('./Title-16042ea0.js');
|
|
20
|
+
var Container = require('./Container-e699ea95.js');
|
|
21
21
|
|
|
22
22
|
var setValue = configureStore.Actions.setValue,
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
clearValues = configureStore.Actions.clearValues,
|
|
24
|
+
resetValuesToDefault = configureStore.Actions.resetValuesToDefault;
|
|
25
25
|
var getClassName = configureStore.helper.getClassName,
|
|
26
|
-
|
|
26
|
+
handleA11yAction = configureStore.helper.handleA11yAction;
|
|
27
27
|
var SelectedFilters = {
|
|
28
28
|
name: 'SelectedFilters',
|
|
29
29
|
props: {
|
|
@@ -43,9 +43,7 @@ var SelectedFilters = {
|
|
|
43
43
|
},
|
|
44
44
|
render: function render() {
|
|
45
45
|
var _this = this;
|
|
46
|
-
|
|
47
46
|
var h = arguments[0];
|
|
48
|
-
|
|
49
47
|
if (this.$scopedSlots["default"]) {
|
|
50
48
|
return this.$scopedSlots["default"]({
|
|
51
49
|
components: this.components,
|
|
@@ -56,7 +54,6 @@ var SelectedFilters = {
|
|
|
56
54
|
resetValuesToDefault: this.resetValuesToDefault
|
|
57
55
|
});
|
|
58
56
|
}
|
|
59
|
-
|
|
60
57
|
var filtersToRender = this.renderFilters();
|
|
61
58
|
var hasValues = !!filtersToRender.length;
|
|
62
59
|
return h(Container.Container, {
|
|
@@ -83,27 +80,23 @@ var SelectedFilters = {
|
|
|
83
80
|
if (value === void 0) {
|
|
84
81
|
value = null;
|
|
85
82
|
}
|
|
86
|
-
|
|
87
83
|
this.setValue(component, null);
|
|
88
84
|
this.$emit('clear', component, value);
|
|
89
85
|
},
|
|
90
86
|
clearValues: function clearValues() {
|
|
91
87
|
var resetToDefault = this.resetToDefault,
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
88
|
+
resetToValues = this.resetToValues,
|
|
89
|
+
clearAllBlacklistComponents = this.clearAllBlacklistComponents;
|
|
95
90
|
if (resetToDefault) {
|
|
96
91
|
this.resetValuesToDefault(clearAllBlacklistComponents);
|
|
97
92
|
} else {
|
|
98
93
|
this.clearValuesAction(resetToValues, clearAllBlacklistComponents);
|
|
99
94
|
}
|
|
100
|
-
|
|
101
95
|
this.$emit('clear', resetToValues);
|
|
102
96
|
},
|
|
103
97
|
clearValue: function clearValue(componentId) {
|
|
104
98
|
var resetToDefault = this.resetToDefault,
|
|
105
|
-
|
|
106
|
-
|
|
99
|
+
resetToValues = this.resetToValues;
|
|
107
100
|
if (resetToDefault) {
|
|
108
101
|
this.resetValuesToDefault(this.components.filter(function (component) {
|
|
109
102
|
return component !== componentId;
|
|
@@ -111,30 +104,24 @@ var SelectedFilters = {
|
|
|
111
104
|
} else {
|
|
112
105
|
this.setValue(componentId, (resetToValues == null ? void 0 : resetToValues[componentId]) || null);
|
|
113
106
|
}
|
|
114
|
-
|
|
115
107
|
this.$emit('clear', resetToValues == null ? void 0 : resetToValues[componentId]);
|
|
116
108
|
},
|
|
117
109
|
renderValue: function renderValue(value, isArray) {
|
|
118
110
|
var _this2 = this;
|
|
119
|
-
|
|
120
111
|
if (isArray && value.length) {
|
|
121
112
|
var arrayToRender = value.map(function (item) {
|
|
122
113
|
return _this2.renderValue(item);
|
|
123
114
|
});
|
|
124
115
|
return arrayToRender.join(', ');
|
|
125
116
|
}
|
|
126
|
-
|
|
127
117
|
if (value && typeof value === 'object') {
|
|
128
118
|
// TODO: support for NestedList
|
|
129
119
|
var label = (typeof value.label === 'string' ? value.label : value.value) || value.key || value.distance || null;
|
|
130
|
-
|
|
131
120
|
if (value.location) {
|
|
132
121
|
label = value.location + " - " + label;
|
|
133
122
|
}
|
|
134
|
-
|
|
135
123
|
return label;
|
|
136
124
|
}
|
|
137
|
-
|
|
138
125
|
return value;
|
|
139
126
|
},
|
|
140
127
|
renderFilterButton: function renderFilterButton(component, keyProp, handleRemove, label) {
|
|
@@ -155,25 +142,23 @@ var SelectedFilters = {
|
|
|
155
142
|
},
|
|
156
143
|
renderFilters: function renderFilters() {
|
|
157
144
|
var _this3 = this;
|
|
158
|
-
|
|
159
145
|
var selectedValues = this.selectedValues;
|
|
160
146
|
var filterComponents = Object.keys(selectedValues).filter(function (id) {
|
|
161
147
|
return _this3.components.includes(id) && selectedValues[id].showFilter;
|
|
162
148
|
});
|
|
163
149
|
return filterComponents.map(function (component, index$1) {
|
|
164
150
|
var _selectedValues$compo = selectedValues[component],
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
var isArray = Array.isArray(value);
|
|
151
|
+
label = _selectedValues$compo.label,
|
|
152
|
+
value = _selectedValues$compo.value;
|
|
153
|
+
var isArray = Array.isArray(value);
|
|
168
154
|
|
|
155
|
+
// default behaviour
|
|
169
156
|
if (label && (isArray && value.length || !isArray && value)) {
|
|
170
157
|
var valueToRender = _this3.renderValue(value, isArray);
|
|
171
|
-
|
|
172
158
|
return _this3.renderFilterButton(component, component + "-" + (index$1 + 1), function () {
|
|
173
159
|
return _this3.remove(component, value);
|
|
174
160
|
}, selectedValues[component].label + ": " + index.decodeHtml(valueToRender));
|
|
175
161
|
}
|
|
176
|
-
|
|
177
162
|
return null;
|
|
178
163
|
}).filter(Boolean);
|
|
179
164
|
}
|
|
@@ -184,21 +169,18 @@ var SelectedFilters = {
|
|
|
184
169
|
}
|
|
185
170
|
}
|
|
186
171
|
};
|
|
187
|
-
|
|
188
172
|
var mapStateToProps = function mapStateToProps(state) {
|
|
189
173
|
return {
|
|
190
174
|
components: state.components,
|
|
191
175
|
selectedValues: state.selectedValues
|
|
192
176
|
};
|
|
193
177
|
};
|
|
194
|
-
|
|
195
178
|
var mapDispatchtoProps = {
|
|
196
179
|
clearValuesAction: clearValues,
|
|
197
180
|
setValue: setValue,
|
|
198
181
|
resetValuesToDefault: resetValuesToDefault
|
|
199
182
|
};
|
|
200
183
|
var RcConnected = index.connect(mapStateToProps, mapDispatchtoProps)(SelectedFilters);
|
|
201
|
-
|
|
202
184
|
SelectedFilters.install = function (Vue) {
|
|
203
185
|
Vue.component(SelectedFilters.name, RcConnected);
|
|
204
186
|
};
|
|
@@ -7,40 +7,40 @@ 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
|
var constants = require('@appbaseio/reactivecore/lib/utils/constants');
|
|
10
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-
|
|
10
|
+
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
11
11
|
var VueTypes = _interopDefault(require('vue-types'));
|
|
12
12
|
require('emotion');
|
|
13
13
|
require('@appbaseio/vue-emotion');
|
|
14
14
|
require('polished');
|
|
15
|
-
var Button = require('./Button-
|
|
16
|
-
var vueTypes = require('./vueTypes-
|
|
15
|
+
var Button = require('./Button-841fd06d.js');
|
|
16
|
+
var vueTypes = require('./vueTypes-7cfc2f98.js');
|
|
17
17
|
require('@appbaseio/reactivecore/lib/utils/transform');
|
|
18
18
|
require('redux');
|
|
19
|
-
var index = require('./index-
|
|
20
|
-
var ComponentWrapper = require('./ComponentWrapper-
|
|
21
|
-
var PreferencesConsumer = require('./PreferencesConsumer-
|
|
19
|
+
var index = require('./index-30126fd0.js');
|
|
20
|
+
var ComponentWrapper = require('./ComponentWrapper-9318cece.js');
|
|
21
|
+
var PreferencesConsumer = require('./PreferencesConsumer-5d67b486.js');
|
|
22
22
|
require('@vue/babel-helper-vue-jsx-merge-props');
|
|
23
|
-
var Title = require('./Title-
|
|
24
|
-
require('./CancelSvg-
|
|
25
|
-
require('./Input-
|
|
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
|
-
var utils = require('./utils-
|
|
30
|
-
var DropDown = require('./DropDown-
|
|
29
|
+
var utils = require('./utils-83fd01e9.js');
|
|
30
|
+
var DropDown = require('./DropDown-8984b544.js');
|
|
31
31
|
|
|
32
32
|
var updateQuery = configureStore.Actions.updateQuery,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
33
|
+
setQueryOptions = configureStore.Actions.setQueryOptions,
|
|
34
|
+
setCustomQuery = configureStore.Actions.setCustomQuery,
|
|
35
|
+
setDefaultQuery = configureStore.Actions.setDefaultQuery;
|
|
36
36
|
var getQueryOptions = configureStore.helper.getQueryOptions,
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
37
|
+
checkValueChange = configureStore.helper.checkValueChange,
|
|
38
|
+
checkPropChange = configureStore.helper.checkPropChange,
|
|
39
|
+
getClassName = configureStore.helper.getClassName,
|
|
40
|
+
isEqual = configureStore.helper.isEqual,
|
|
41
|
+
getCompositeAggsQuery = configureStore.helper.getCompositeAggsQuery,
|
|
42
|
+
extractQueryFromCustomQuery = configureStore.helper.extractQueryFromCustomQuery,
|
|
43
|
+
getOptionsForCustomQuery = configureStore.helper.getOptionsForCustomQuery;
|
|
44
44
|
var SingleDropdownList = {
|
|
45
45
|
name: 'SingleDropdownList',
|
|
46
46
|
data: function data() {
|
|
@@ -96,16 +96,14 @@ var SingleDropdownList = {
|
|
|
96
96
|
if (!this.enableAppbase && this.$props.index) {
|
|
97
97
|
console.warn('Warning(ReactiveSearch): In order to use the `index` prop, the `enableAppbase` prop must be set to true in `ReactiveBase`.');
|
|
98
98
|
}
|
|
99
|
-
|
|
100
99
|
var props = this.$props;
|
|
101
|
-
this.modifiedOptions = this.options && this.options[props.dataField] ? this.options[props.dataField].buckets : [];
|
|
102
|
-
|
|
100
|
+
this.modifiedOptions = this.options && this.options[props.dataField] ? this.options[props.dataField].buckets : [];
|
|
101
|
+
// Set custom and default queries in store
|
|
103
102
|
index.updateCustomQuery(this.componentId, this.setCustomQuery, this.$props, this.currentValue);
|
|
104
103
|
index.updateDefaultQuery(this.componentId, this.setDefaultQuery, this.$props, this.currentValue);
|
|
105
104
|
},
|
|
106
105
|
beforeMount: function beforeMount() {
|
|
107
106
|
this.updateQueryOptions(this.$props);
|
|
108
|
-
|
|
109
107
|
if (this.selectedValue) {
|
|
110
108
|
this.setValue(this.selectedValue);
|
|
111
109
|
} else if (this.$props.value) {
|
|
@@ -117,14 +115,12 @@ var SingleDropdownList = {
|
|
|
117
115
|
watch: {
|
|
118
116
|
options: function options(newVal, oldVal) {
|
|
119
117
|
var _this = this;
|
|
120
|
-
|
|
121
118
|
if (newVal) {
|
|
122
119
|
checkPropChange(oldVal, newVal, function () {
|
|
123
120
|
var _this$$props = _this.$props,
|
|
124
|
-
|
|
125
|
-
|
|
121
|
+
showLoadMore = _this$$props.showLoadMore,
|
|
122
|
+
dataField = _this$$props.dataField;
|
|
126
123
|
var modifiedOptions = _this.$data.modifiedOptions;
|
|
127
|
-
|
|
128
124
|
if (showLoadMore) {
|
|
129
125
|
// append options with showLoadMore
|
|
130
126
|
var buckets = newVal[dataField].buckets;
|
|
@@ -135,7 +131,6 @@ var SingleDropdownList = {
|
|
|
135
131
|
};
|
|
136
132
|
}));
|
|
137
133
|
var after = newVal[dataField].after_key; // detect the last bucket by checking if the next set of buckets were empty
|
|
138
|
-
|
|
139
134
|
var isLastBucket = !buckets.length;
|
|
140
135
|
_this.after = {
|
|
141
136
|
after: after
|
|
@@ -185,41 +180,35 @@ var SingleDropdownList = {
|
|
|
185
180
|
render: function render() {
|
|
186
181
|
var h = arguments[0];
|
|
187
182
|
var _this$$props2 = this.$props,
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
183
|
+
showLoadMore = _this$$props2.showLoadMore,
|
|
184
|
+
loadMoreLabel = _this$$props2.loadMoreLabel,
|
|
185
|
+
renderItem = _this$$props2.renderItem,
|
|
186
|
+
renderError = _this$$props2.renderError,
|
|
187
|
+
renderLabel = _this$$props2.renderLabel;
|
|
193
188
|
var isLastBucket = this.$data.isLastBucket;
|
|
194
189
|
var selectAll = [];
|
|
195
190
|
var renderItemCalc = this.$scopedSlots.renderItem || renderItem;
|
|
196
191
|
var renderErrorCalc = this.$scopedSlots.renderError || renderError;
|
|
197
192
|
var renderLabelCalc = this.$scopedSlots.renderLabel || renderLabel;
|
|
198
193
|
var renderNoResults = this.$scopedSlots.renderNoResults || this.$props.renderNoResults;
|
|
199
|
-
|
|
200
194
|
if (renderErrorCalc && this.error) {
|
|
201
195
|
return index.isFunction(renderErrorCalc) ? renderErrorCalc(this.error) : renderErrorCalc;
|
|
202
196
|
}
|
|
203
|
-
|
|
204
197
|
if (!this.hasCustomRenderer && this.$data.modifiedOptions.length === 0 && !this.isLoading) {
|
|
205
198
|
if (renderNoResults && index.isFunction(renderNoResults)) {
|
|
206
199
|
return h("div", [renderNoResults()]);
|
|
207
200
|
}
|
|
208
|
-
|
|
209
201
|
if (renderNoResults && !index.isFunction(renderNoResults)) {
|
|
210
202
|
return renderNoResults;
|
|
211
203
|
}
|
|
212
|
-
|
|
213
204
|
return null;
|
|
214
205
|
}
|
|
215
|
-
|
|
216
206
|
if (this.$props.selectAllLabel) {
|
|
217
207
|
selectAll = [{
|
|
218
208
|
key: this.$props.selectAllLabel,
|
|
219
209
|
doc_count: this.totalDocumentCount
|
|
220
210
|
}];
|
|
221
211
|
}
|
|
222
|
-
|
|
223
212
|
return h(Container.Container, {
|
|
224
213
|
"class": this.$props.className
|
|
225
214
|
}, [this.$props.title && h(Title.Title, {
|
|
@@ -264,26 +253,19 @@ var SingleDropdownList = {
|
|
|
264
253
|
methods: {
|
|
265
254
|
setValue: function setValue(value, props) {
|
|
266
255
|
var _this2 = this;
|
|
267
|
-
|
|
268
256
|
if (props === void 0) {
|
|
269
257
|
props = this.$props;
|
|
270
258
|
}
|
|
271
|
-
|
|
272
259
|
var performUpdate = function performUpdate() {
|
|
273
260
|
_this2.currentValue = value;
|
|
274
|
-
|
|
275
261
|
_this2.updateQueryHandler(value, props);
|
|
276
|
-
|
|
277
262
|
_this2.$emit('valueChange', value);
|
|
278
|
-
|
|
279
263
|
_this2.$emit('value-change', value);
|
|
280
264
|
};
|
|
281
|
-
|
|
282
265
|
checkValueChange(props.componentId, value, props.beforeValueChange, performUpdate);
|
|
283
266
|
},
|
|
284
267
|
handleChange: function handleChange(item) {
|
|
285
268
|
var value = this.$props.value;
|
|
286
|
-
|
|
287
269
|
if (value === undefined) {
|
|
288
270
|
this.setValue(item);
|
|
289
271
|
} else {
|
|
@@ -292,21 +274,17 @@ var SingleDropdownList = {
|
|
|
292
274
|
},
|
|
293
275
|
updateDefaultQueryHandler: function updateDefaultQueryHandler(value, props) {
|
|
294
276
|
var query = SingleDropdownList.defaultQuery(value, props);
|
|
295
|
-
|
|
296
277
|
if (this.defaultQuery) {
|
|
297
278
|
var defaultQueryToBeSet = this.defaultQuery(value, props) || {};
|
|
298
279
|
var defaultQueryObj = extractQueryFromCustomQuery(defaultQueryToBeSet);
|
|
299
|
-
|
|
300
280
|
if (defaultQueryObj) {
|
|
301
281
|
query = defaultQueryObj;
|
|
302
|
-
}
|
|
303
|
-
|
|
304
|
-
|
|
282
|
+
}
|
|
283
|
+
// Update calculated default query in store
|
|
305
284
|
index.updateDefaultQuery(props.componentId, this.setDefaultQuery, props, value);
|
|
306
285
|
var defaultQueryOptions = getOptionsForCustomQuery(defaultQueryToBeSet);
|
|
307
286
|
this.setQueryOptions(this.internalComponent, defaultQueryOptions, false);
|
|
308
287
|
}
|
|
309
|
-
|
|
310
288
|
this.updateQuery({
|
|
311
289
|
componentId: this.internalComponent,
|
|
312
290
|
query: query,
|
|
@@ -317,7 +295,6 @@ var SingleDropdownList = {
|
|
|
317
295
|
updateQueryHandler: function updateQueryHandler(value, props) {
|
|
318
296
|
var customQuery = props.customQuery;
|
|
319
297
|
var query = SingleDropdownList.defaultQuery(value, props);
|
|
320
|
-
|
|
321
298
|
if (customQuery) {
|
|
322
299
|
var customQueryCalc = customQuery(value, props);
|
|
323
300
|
query = extractQueryFromCustomQuery(customQueryCalc);
|
|
@@ -325,7 +302,6 @@ var SingleDropdownList = {
|
|
|
325
302
|
var customQueryOptions = getOptionsForCustomQuery(customQueryCalc);
|
|
326
303
|
this.setQueryOptions(props.componentId, customQueryOptions, false);
|
|
327
304
|
}
|
|
328
|
-
|
|
329
305
|
this.updateQuery({
|
|
330
306
|
componentId: props.componentId,
|
|
331
307
|
query: query,
|
|
@@ -348,15 +324,12 @@ var SingleDropdownList = {
|
|
|
348
324
|
if (addAfterKey === void 0) {
|
|
349
325
|
addAfterKey = false;
|
|
350
326
|
}
|
|
351
|
-
|
|
352
327
|
// when using composite aggs flush the current options for a fresh query
|
|
353
328
|
if (props.showLoadMore && !addAfterKey) {
|
|
354
329
|
this.modifiedOptions = [];
|
|
355
330
|
} // for a new query due to other changes don't append after to get fresh results
|
|
356
331
|
|
|
357
|
-
|
|
358
332
|
var queryOptions = SingleDropdownList.generateQueryOptions(props, addAfterKey ? this.$data.after : {});
|
|
359
|
-
|
|
360
333
|
if (props.defaultQuery) {
|
|
361
334
|
var value = this.$data.currentValue;
|
|
362
335
|
var defaultQueryOptions = getOptionsForCustomQuery(props.defaultQuery(value, props));
|
|
@@ -372,7 +345,6 @@ var SingleDropdownList = {
|
|
|
372
345
|
if (downshiftProps === void 0) {
|
|
373
346
|
downshiftProps = {};
|
|
374
347
|
}
|
|
375
|
-
|
|
376
348
|
var currentValue = this.$data.currentValue;
|
|
377
349
|
var data = {
|
|
378
350
|
error: this.error,
|
|
@@ -392,17 +364,14 @@ var SingleDropdownList = {
|
|
|
392
364
|
}
|
|
393
365
|
}
|
|
394
366
|
};
|
|
395
|
-
|
|
396
367
|
SingleDropdownList.defaultQuery = function (value, props) {
|
|
397
368
|
var query = null;
|
|
398
|
-
|
|
399
369
|
if (props.selectAllLabel && props.selectAllLabel === value) {
|
|
400
370
|
if (props.showMissing) {
|
|
401
371
|
query = {
|
|
402
372
|
match_all: {}
|
|
403
373
|
};
|
|
404
374
|
}
|
|
405
|
-
|
|
406
375
|
query = {
|
|
407
376
|
exists: {
|
|
408
377
|
field: props.dataField
|
|
@@ -410,7 +379,6 @@ SingleDropdownList.defaultQuery = function (value, props) {
|
|
|
410
379
|
};
|
|
411
380
|
} else if (value) {
|
|
412
381
|
var _term;
|
|
413
|
-
|
|
414
382
|
if (props.showMissing && props.missingLabel === value) {
|
|
415
383
|
query = {
|
|
416
384
|
bool: {
|
|
@@ -422,12 +390,10 @@ SingleDropdownList.defaultQuery = function (value, props) {
|
|
|
422
390
|
}
|
|
423
391
|
};
|
|
424
392
|
}
|
|
425
|
-
|
|
426
393
|
query = {
|
|
427
394
|
term: (_term = {}, _term[props.dataField] = value, _term)
|
|
428
395
|
};
|
|
429
396
|
}
|
|
430
|
-
|
|
431
397
|
if (query && props.nestedField) {
|
|
432
398
|
return {
|
|
433
399
|
query: {
|
|
@@ -438,10 +404,8 @@ SingleDropdownList.defaultQuery = function (value, props) {
|
|
|
438
404
|
}
|
|
439
405
|
};
|
|
440
406
|
}
|
|
441
|
-
|
|
442
407
|
return query;
|
|
443
408
|
};
|
|
444
|
-
|
|
445
409
|
SingleDropdownList.generateQueryOptions = function (props, after) {
|
|
446
410
|
var queryOptions = getQueryOptions(props);
|
|
447
411
|
return props.showLoadMore ? getCompositeAggsQuery({
|
|
@@ -450,11 +414,9 @@ SingleDropdownList.generateQueryOptions = function (props, after) {
|
|
|
450
414
|
after: after
|
|
451
415
|
}) : utils.getAggsQuery(queryOptions, props);
|
|
452
416
|
};
|
|
453
|
-
|
|
454
417
|
SingleDropdownList.hasInternalComponent = function () {
|
|
455
418
|
return true;
|
|
456
419
|
};
|
|
457
|
-
|
|
458
420
|
var mapStateToProps = function mapStateToProps(state, props) {
|
|
459
421
|
return {
|
|
460
422
|
options: props.nestedField && state.aggregations[props.componentId] ? state.aggregations[props.componentId].reactivesearch_nested : state.aggregations[props.componentId],
|
|
@@ -468,7 +430,6 @@ var mapStateToProps = function mapStateToProps(state, props) {
|
|
|
468
430
|
enableAppbase: state.config.enableAppbase
|
|
469
431
|
};
|
|
470
432
|
};
|
|
471
|
-
|
|
472
433
|
var mapDispatchtoProps = {
|
|
473
434
|
setQueryOptions: setQueryOptions,
|
|
474
435
|
updateQuery: updateQuery,
|
|
@@ -479,12 +440,11 @@ var ListConnected = PreferencesConsumer.PreferencesConsumer(ComponentWrapper.Com
|
|
|
479
440
|
componentType: constants.componentTypes.singleDropdownList,
|
|
480
441
|
internalComponent: SingleDropdownList.hasInternalComponent()
|
|
481
442
|
}));
|
|
482
|
-
|
|
483
443
|
SingleDropdownList.install = function (Vue) {
|
|
484
444
|
Vue.component(SingleDropdownList.name, ListConnected);
|
|
485
|
-
};
|
|
486
|
-
|
|
445
|
+
};
|
|
487
446
|
|
|
447
|
+
// Add componentType for SSR
|
|
488
448
|
SingleDropdownList.componentType = constants.componentTypes.singleDropdownList;
|
|
489
449
|
|
|
490
450
|
exports.ListConnected = ListConnected;
|