@appbaseio/reactivesearch-vue 1.33.1 → 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 +1911 -6073
- package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js +2 -4
- 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-c42d8681.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-4707bd94.js → PreferencesConsumer-5d67b486.js} +8 -18
- 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-63ef70c2.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-d56bf07a.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-4169deb1.js → PreferencesConsumer-bc097ebb.js} +8 -18
- 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-9e4721e1.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
|
@@ -2,37 +2,31 @@
|
|
|
2
2
|
|
|
3
3
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
4
|
|
|
5
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-
|
|
5
|
+
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
6
6
|
var emotion = require('emotion');
|
|
7
7
|
var styled = require('@appbaseio/vue-emotion');
|
|
8
8
|
var styled__default = _interopDefault(styled);
|
|
9
9
|
var polished = require('polished');
|
|
10
10
|
|
|
11
11
|
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
|
|
12
|
-
|
|
13
12
|
var filters = function filters(_ref) {
|
|
14
13
|
var borderColor = _ref.colors.borderColor;
|
|
15
14
|
return emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\tbutton {\n\t\tmargin: 2px 3px;\n\t\tpadding: 5px 8px;\n\t\tfont-size: 0.85rem;\n\t\tposition: relative;\n\n\t\tspan:first-child {\n\t\t\tmax-width: 260px;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\tmargin-right: 26px;\n\t\t}\n\n\t\tspan:last-child {\n\t\t\tdisplay: flex;\n\t\t\theight: 100%;\n\t\t\ttop: 0;\n\t\t\tright: 8px;\n\t\t\tposition: absolute;\n\t\t\talign-items: center;\n\t\t\tborder-left: 1px solid ", ";\n\t\t\tpadding-left: 8px;\n\t\t\tmargin-left: 8px;\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tspan:first-child {\n\t\t\t\ttext-decoration: line-through;\n\t\t\t}\n\t\t}\n\t}\n"])), borderColor || '#fff');
|
|
16
15
|
};
|
|
17
|
-
|
|
18
16
|
var pagination = emotion.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 10px -3px;\n\tmax-width: 100%;\n\ttext-align: center;\n\n\tbutton {\n\t\tmargin: 0 3px;\n\t}\n"])));
|
|
19
17
|
var toggleButtons = emotion.css(_templateObject3 || (_templateObject3 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -3px;\n\tmax-width: 100%;\n\n\tbutton {\n\t\tmargin: 3px 3px;\n\t}\n"])));
|
|
20
18
|
var numberBoxContainer = emotion.css(_templateObject4 || (_templateObject4 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmargin: 0 -5px;\n\tbutton {\n\t\tmargin: 5px;\n\t}\n\tspan {\n\t\tmargin: 0 5px;\n\t}\n"])));
|
|
21
|
-
|
|
22
19
|
var primary = function primary(_ref2) {
|
|
23
20
|
var theme = _ref2.theme;
|
|
24
21
|
return emotion.css(_templateObject5 || (_templateObject5 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: ", ";\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"])), theme.colors.primaryColor, theme.colors.primaryTextColor, polished.darken(0.1, theme.colors.primaryColor));
|
|
25
22
|
};
|
|
26
|
-
|
|
27
23
|
var large = function large() {
|
|
28
24
|
return emotion.css(_templateObject6 || (_templateObject6 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tmin-height: 40px;\n\tpadding: 10px 20px;\n"])));
|
|
29
25
|
};
|
|
30
|
-
|
|
31
26
|
var disabled = function disabled(_ref3) {
|
|
32
27
|
var theme = _ref3.theme;
|
|
33
28
|
return emotion.css(_templateObject7 || (_templateObject7 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tbackground-color: ", ";\n\tcolor: #ccc;\n\tcursor: not-allowed;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n"])), theme.colors.backgroundColor ? polished.lighten(0.1, theme.colors.backgroundColor) : '#fafafa', theme.colors.backgroundColor ? polished.lighten(0.2, theme.colors.backgroundColor) : '#fafafa');
|
|
34
29
|
};
|
|
35
|
-
|
|
36
30
|
var Button = styled__default('button')(_templateObject8 || (_templateObject8 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: inline-flex;\n\tjustify-content: center;\n\talign-items: center;\n\tborder-radius: 3px;\n\tborder: 1px solid transparent;\n\tmin-height: 30px;\n\tword-wrap: break-word;\n\tpadding: 5px 12px;\n\tline-height: 1.2rem;\n\tbackground-color: ", ";\n\tcolor: ", ";\n\tcursor: pointer;\n\tuser-select: none;\n\ttransition: all 0.3s ease;\n\n\t&:hover,\n\t&:focus {\n\t\tbackground-color: ", ";\n\t}\n\n\t&:focus {\n\t\toutline: 0;\n\t\tborder-color: ", ";\n\t\tbox-shadow: ", ";\n\t}\n\n\t", ";\n\t", ";\n\t", ";\n\n\t&.enter-btn {\n\t\tborder-top-left-radius: 0px;\n\t\tborder-bottom-left-radius: 0px;\n\t\theight: 100%;\n\t}\n"])), function (_ref4) {
|
|
37
31
|
var theme = _ref4.theme;
|
|
38
32
|
return theme.colors.backgroundColor || '#eee';
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
4
|
|
|
5
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-
|
|
5
|
+
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
6
6
|
var styled = require('@appbaseio/vue-emotion');
|
|
7
7
|
var styled__default = _interopDefault(styled);
|
|
8
8
|
var computeScrollIntoView = _interopDefault(require('compute-scroll-into-view'));
|
|
@@ -13,11 +13,9 @@ var InputWrapper = styled__default('span')(_templateObject || (_templateObject =
|
|
|
13
13
|
var _templateObject$1, _templateObject2, _templateObject3, _templateObject4;
|
|
14
14
|
var IconGroup = styled__default('div')(_templateObject$1 || (_templateObject$1 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tgrid-gap: 6px;\n\tmargin: 0 10px;\n\theight: 100%;\n\n\t", ";\n\n\t", ";\n"])), function (_ref) {
|
|
15
15
|
var positionType = _ref.positionType;
|
|
16
|
-
|
|
17
16
|
if (positionType === 'absolute') {
|
|
18
17
|
return styled.css(_templateObject2 || (_templateObject2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t"])));
|
|
19
18
|
}
|
|
20
|
-
|
|
21
19
|
return null;
|
|
22
20
|
}, function (_ref2) {
|
|
23
21
|
var groupPosition = _ref2.groupPosition;
|
|
@@ -39,12 +37,10 @@ var IconWrapper = styled__default('div')(_templateObject$2 || (_templateObject$2
|
|
|
39
37
|
* @param {HTMLElement} rootNode the root element of the component
|
|
40
38
|
*/
|
|
41
39
|
// eslint-disable-next-line
|
|
42
|
-
|
|
43
40
|
var scrollIntoView = function scrollIntoView(node, rootNode) {
|
|
44
41
|
if (node === null) {
|
|
45
42
|
return;
|
|
46
43
|
}
|
|
47
|
-
|
|
48
44
|
var actions = computeScrollIntoView(node, {
|
|
49
45
|
boundary: rootNode,
|
|
50
46
|
block: 'nearest',
|
|
@@ -52,8 +48,8 @@ var scrollIntoView = function scrollIntoView(node, rootNode) {
|
|
|
52
48
|
});
|
|
53
49
|
actions.forEach(function (_ref) {
|
|
54
50
|
var el = _ref.el,
|
|
55
|
-
|
|
56
|
-
|
|
51
|
+
top = _ref.top,
|
|
52
|
+
left = _ref.left;
|
|
57
53
|
el.scrollTop = top;
|
|
58
54
|
el.scrollLeft = left;
|
|
59
55
|
});
|
|
@@ -74,10 +70,8 @@ var Downshift = {
|
|
|
74
70
|
computed: {
|
|
75
71
|
mergedState: function mergedState() {
|
|
76
72
|
var _this = this;
|
|
77
|
-
|
|
78
73
|
return Object.keys(this.$props).reduce(function (state, key) {
|
|
79
74
|
var _extends2;
|
|
80
|
-
|
|
81
75
|
return _rollupPluginBabelHelpers._extends({}, state, (_extends2 = {}, _extends2[key] = _this.isControlledProp(key) ? _this.$props[key] : _this["internal_" + key], _extends2));
|
|
82
76
|
}, {});
|
|
83
77
|
},
|
|
@@ -99,12 +93,10 @@ var Downshift = {
|
|
|
99
93
|
},
|
|
100
94
|
handleWindowMouseup: function handleWindowMouseup(event) {
|
|
101
95
|
this.isMouseDown = false;
|
|
102
|
-
|
|
103
96
|
if ((event.target === this.$refs.rootNode || !this.$refs.rootNode.contains(event.target)) && this.mergedState.isOpen) {
|
|
104
97
|
// TODO: handle on outer click here
|
|
105
98
|
if (!this.isMouseDown) {
|
|
106
99
|
this.reset();
|
|
107
|
-
|
|
108
100
|
if (this.$props.handleMouseup) {
|
|
109
101
|
this.$props.handleMouseup({
|
|
110
102
|
isOpen: false
|
|
@@ -116,7 +108,6 @@ var Downshift = {
|
|
|
116
108
|
keyDownArrowDown: function keyDownArrowDown(event) {
|
|
117
109
|
event.preventDefault();
|
|
118
110
|
var amount = event.shiftKey ? 5 : 1;
|
|
119
|
-
|
|
120
111
|
if (this.mergedState.isOpen) {
|
|
121
112
|
this.changeHighlightedIndex(amount);
|
|
122
113
|
} else {
|
|
@@ -129,7 +120,6 @@ var Downshift = {
|
|
|
129
120
|
keyDownArrowUp: function keyDownArrowUp(event) {
|
|
130
121
|
event.preventDefault();
|
|
131
122
|
var amount = event.shiftKey ? -5 : -1;
|
|
132
|
-
|
|
133
123
|
if (this.mergedState.isOpen) {
|
|
134
124
|
this.changeHighlightedIndex(amount);
|
|
135
125
|
} else {
|
|
@@ -154,26 +144,21 @@ var Downshift = {
|
|
|
154
144
|
},
|
|
155
145
|
selectItemAtIndex: function selectItemAtIndex(itemIndex) {
|
|
156
146
|
var item = this.items[itemIndex];
|
|
157
|
-
|
|
158
147
|
if (item == null) {
|
|
159
148
|
return;
|
|
160
149
|
}
|
|
161
|
-
|
|
162
150
|
this.selectItem(item);
|
|
163
151
|
},
|
|
164
152
|
selectItem: function selectItem(item) {
|
|
165
153
|
if (this.$props.handleChange) {
|
|
166
154
|
this.$props.handleChange(item);
|
|
167
155
|
}
|
|
168
|
-
|
|
169
156
|
function getInputValue() {
|
|
170
157
|
if (this.isControlledProp('selectedItem')) {
|
|
171
158
|
return '';
|
|
172
159
|
}
|
|
173
|
-
|
|
174
160
|
return typeof item === 'object' ? item.label || '' : item;
|
|
175
161
|
}
|
|
176
|
-
|
|
177
162
|
this.setState({
|
|
178
163
|
isOpen: false,
|
|
179
164
|
highlightedIndex: null,
|
|
@@ -185,34 +170,29 @@ var Downshift = {
|
|
|
185
170
|
if (this.internalItemCount < 0) {
|
|
186
171
|
return;
|
|
187
172
|
}
|
|
188
|
-
|
|
189
173
|
var highlightedIndex = this.mergedState.highlightedIndex;
|
|
190
174
|
var baseIndex = highlightedIndex;
|
|
191
|
-
|
|
192
175
|
if (baseIndex === null) {
|
|
193
176
|
baseIndex = moveAmount > 0 ? -1 : this.internalItemCount + 1;
|
|
194
177
|
}
|
|
195
|
-
|
|
196
178
|
var newIndex = baseIndex + moveAmount;
|
|
197
|
-
|
|
198
179
|
if (newIndex < 0) {
|
|
199
180
|
newIndex = this.internalItemCount;
|
|
200
181
|
} else if (newIndex > this.internalItemCount) {
|
|
201
182
|
newIndex = 0;
|
|
202
183
|
}
|
|
203
|
-
|
|
204
184
|
this.setHighlightedIndex(newIndex);
|
|
205
185
|
},
|
|
206
186
|
setHighlightedIndex: function setHighlightedIndex(highlightedIndex) {
|
|
207
187
|
if (highlightedIndex === void 0) {
|
|
208
188
|
highlightedIndex = null;
|
|
209
189
|
}
|
|
210
|
-
|
|
211
190
|
this.setState({
|
|
212
191
|
highlightedIndex: highlightedIndex
|
|
213
192
|
});
|
|
214
193
|
var element = document.getElementById("Downshift" + highlightedIndex);
|
|
215
|
-
scrollIntoView(element, this.rootNode);
|
|
194
|
+
scrollIntoView(element, this.rootNode);
|
|
195
|
+
// Implement scrollIntroView thingy
|
|
216
196
|
},
|
|
217
197
|
reset: function reset() {
|
|
218
198
|
var selectedItem = this.mergedState.selectedItem;
|
|
@@ -224,34 +204,29 @@ var Downshift = {
|
|
|
224
204
|
},
|
|
225
205
|
getItemProps: function getItemProps(_ref) {
|
|
226
206
|
var index = _ref.index,
|
|
227
|
-
|
|
207
|
+
item = _ref.item;
|
|
228
208
|
var newIndex = index;
|
|
229
|
-
|
|
230
209
|
if (index === undefined) {
|
|
231
210
|
if (this.$props.itemToString) {
|
|
232
211
|
this.items.push(this.$props.itemToString(item));
|
|
233
212
|
} else {
|
|
234
213
|
this.items.push(item);
|
|
235
214
|
}
|
|
236
|
-
|
|
237
215
|
newIndex = this.items.indexOf(item);
|
|
238
216
|
} else {
|
|
239
217
|
this.items[newIndex] = item;
|
|
240
218
|
}
|
|
241
|
-
|
|
242
219
|
return {
|
|
243
220
|
id: "Downshift" + newIndex
|
|
244
221
|
};
|
|
245
222
|
},
|
|
246
223
|
getItemEvents: function getItemEvents(_ref2) {
|
|
247
224
|
var index = _ref2.index,
|
|
248
|
-
|
|
225
|
+
item = _ref2.item;
|
|
249
226
|
var newIndex = index;
|
|
250
|
-
|
|
251
227
|
if (index === undefined) {
|
|
252
228
|
newIndex = this.items.indexOf(item);
|
|
253
229
|
}
|
|
254
|
-
|
|
255
230
|
var vm = this;
|
|
256
231
|
return {
|
|
257
232
|
mouseenter: function mouseenter() {
|
|
@@ -266,31 +241,27 @@ var Downshift = {
|
|
|
266
241
|
getInputProps: function getInputProps(_ref3) {
|
|
267
242
|
var value = _ref3.value;
|
|
268
243
|
var inputValue = this.mergedState.inputValue;
|
|
269
|
-
|
|
270
244
|
if (value !== inputValue) {
|
|
271
245
|
this.setState({
|
|
272
246
|
inputValue: value
|
|
273
247
|
});
|
|
274
248
|
}
|
|
275
|
-
|
|
276
249
|
return {
|
|
277
250
|
value: inputValue
|
|
278
251
|
};
|
|
279
252
|
},
|
|
280
253
|
getButtonProps: function getButtonProps(_ref4) {
|
|
281
254
|
var _this2 = this;
|
|
282
|
-
|
|
283
255
|
var onClick = _ref4.onClick,
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
256
|
+
onKeyDown = _ref4.onKeyDown,
|
|
257
|
+
onKeyUp = _ref4.onKeyUp,
|
|
258
|
+
onBlur = _ref4.onBlur;
|
|
287
259
|
return {
|
|
288
260
|
click: function click(event) {
|
|
289
261
|
_this2.setState({
|
|
290
262
|
isOpen: true,
|
|
291
263
|
inputValue: event.target.value
|
|
292
264
|
});
|
|
293
|
-
|
|
294
265
|
if (onClick) {
|
|
295
266
|
onClick(event);
|
|
296
267
|
}
|
|
@@ -299,7 +270,6 @@ var Downshift = {
|
|
|
299
270
|
if (event.key && _this2["keyDown" + event.key]) {
|
|
300
271
|
_this2["keyDown" + event.key].call(_this2, event);
|
|
301
272
|
}
|
|
302
|
-
|
|
303
273
|
if (onKeyDown) {
|
|
304
274
|
onKeyDown(event);
|
|
305
275
|
}
|
|
@@ -318,21 +288,19 @@ var Downshift = {
|
|
|
318
288
|
},
|
|
319
289
|
getInputEvents: function getInputEvents(_ref5) {
|
|
320
290
|
var _this3 = this;
|
|
321
|
-
|
|
322
291
|
var onInput = _ref5.onInput,
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
292
|
+
onBlur = _ref5.onBlur,
|
|
293
|
+
onFocus = _ref5.onFocus,
|
|
294
|
+
onKeyPress = _ref5.onKeyPress,
|
|
295
|
+
onKeyDown = _ref5.onKeyDown,
|
|
296
|
+
onKeyUp = _ref5.onKeyUp,
|
|
297
|
+
onClick = _ref5.onClick;
|
|
329
298
|
return {
|
|
330
299
|
input: function input(event) {
|
|
331
300
|
_this3.setState({
|
|
332
301
|
isOpen: true,
|
|
333
302
|
inputValue: event.target.value
|
|
334
303
|
});
|
|
335
|
-
|
|
336
304
|
if (onInput) {
|
|
337
305
|
onInput(event);
|
|
338
306
|
}
|
|
@@ -346,7 +314,6 @@ var Downshift = {
|
|
|
346
314
|
if (event.key && _this3["keyDown" + event.key]) {
|
|
347
315
|
_this3["keyDown" + event.key].call(_this3, event);
|
|
348
316
|
}
|
|
349
|
-
|
|
350
317
|
if (onKeyDown) {
|
|
351
318
|
onKeyDown(event);
|
|
352
319
|
}
|
|
@@ -364,20 +331,21 @@ var Downshift = {
|
|
|
364
331
|
blur: function blur(event) {
|
|
365
332
|
if (onBlur) {
|
|
366
333
|
onBlur(event);
|
|
367
|
-
}
|
|
334
|
+
}
|
|
335
|
+
// TODO: implement isMouseDown
|
|
368
336
|
// this.reset()
|
|
369
|
-
|
|
370
337
|
},
|
|
338
|
+
|
|
371
339
|
click: onClick
|
|
372
340
|
};
|
|
373
341
|
},
|
|
374
342
|
getHelpersAndState: function getHelpersAndState() {
|
|
375
343
|
var getItemProps = this.getItemProps,
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
344
|
+
getItemEvents = this.getItemEvents,
|
|
345
|
+
getInputProps = this.getInputProps,
|
|
346
|
+
getInputEvents = this.getInputEvents,
|
|
347
|
+
getButtonProps = this.getButtonProps,
|
|
348
|
+
setHighlightedIndex = this.setHighlightedIndex;
|
|
381
349
|
return _rollupPluginBabelHelpers._extends({
|
|
382
350
|
getItemProps: getItemProps,
|
|
383
351
|
getItemEvents: getItemEvents,
|
|
@@ -392,13 +360,11 @@ var Downshift = {
|
|
|
392
360
|
},
|
|
393
361
|
setState: function setState(stateToSet) {
|
|
394
362
|
var _this4 = this;
|
|
395
|
-
|
|
396
363
|
// eslint-disable-next-line
|
|
397
364
|
Object.keys(stateToSet).forEach(function (key) {
|
|
398
365
|
// eslint-disable-next-line
|
|
399
366
|
if (_this4.isControlledProp(key)) {
|
|
400
367
|
_this4.$emit(key + "Change", stateToSet[key]);
|
|
401
|
-
|
|
402
368
|
_this4.$emit(key + "-change", stateToSet[key]);
|
|
403
369
|
} else {
|
|
404
370
|
_this4["internal_" + key] = stateToSet[key];
|
|
@@ -2,12 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
4
|
|
|
5
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-
|
|
5
|
+
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
6
6
|
var emotion = require('emotion');
|
|
7
7
|
var styled = require('@appbaseio/vue-emotion');
|
|
8
8
|
var styled__default = _interopDefault(styled);
|
|
9
9
|
var polished = require('polished');
|
|
10
|
-
require('./Title-
|
|
10
|
+
require('./Title-16042ea0.js');
|
|
11
11
|
|
|
12
12
|
var _templateObject, _templateObject2, _templateObject3;
|
|
13
13
|
var container = emotion.css(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\tflex-direction: row;\n\tjustify-content: center;\n\tflex-wrap: wrap;\n\tmargin: 0 -8px;\n\n\t@media (max-width: 420px) {\n\t\tmargin: 0;\n\t}\n"])));
|
|
@@ -5,20 +5,21 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
|
|
|
5
5
|
var configureStore = require('@appbaseio/reactivecore');
|
|
6
6
|
var configureStore__default = _interopDefault(configureStore);
|
|
7
7
|
var constants = require('@appbaseio/reactivecore/lib/utils/constants');
|
|
8
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-
|
|
8
|
+
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
9
9
|
var VueTypes = _interopDefault(require('vue-types'));
|
|
10
10
|
var transform = require('@appbaseio/reactivecore/lib/utils/transform');
|
|
11
|
-
var index = require('./index-
|
|
11
|
+
var index = require('./index-30126fd0.js');
|
|
12
12
|
|
|
13
13
|
var addComponent = configureStore.Actions.addComponent,
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
14
|
+
removeComponent = configureStore.Actions.removeComponent,
|
|
15
|
+
watchComponent = configureStore.Actions.watchComponent,
|
|
16
|
+
setQueryListener = configureStore.Actions.setQueryListener,
|
|
17
|
+
setComponentProps = configureStore.Actions.setComponentProps,
|
|
18
|
+
updateComponentProps = configureStore.Actions.updateComponentProps;
|
|
19
19
|
var pushToAndClause = configureStore.helper.pushToAndClause,
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
checkPropChange = configureStore.helper.checkPropChange,
|
|
21
|
+
checkSomePropChange = configureStore.helper.checkSomePropChange;
|
|
22
|
+
|
|
22
23
|
/**
|
|
23
24
|
* ComponentWrapper component is a wrapper component for each ReactiveSearch component
|
|
24
25
|
* which is responsible for following tasks:
|
|
@@ -30,7 +31,6 @@ var pushToAndClause = configureStore.helper.pushToAndClause,
|
|
|
30
31
|
* 6. Unregister the component on un-mount
|
|
31
32
|
* Note: All components are using that except the DynamicRangeSlider
|
|
32
33
|
*/
|
|
33
|
-
|
|
34
34
|
var ComponentWrapper = function ComponentWrapper(component, options) {
|
|
35
35
|
if (options === void 0) {
|
|
36
36
|
options = {
|
|
@@ -38,7 +38,6 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
|
|
|
38
38
|
internalComponent: false
|
|
39
39
|
};
|
|
40
40
|
}
|
|
41
|
-
|
|
42
41
|
return {
|
|
43
42
|
name: 'ComponentWrapper',
|
|
44
43
|
props: {
|
|
@@ -46,9 +45,8 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
|
|
|
46
45
|
},
|
|
47
46
|
created: function created() {
|
|
48
47
|
// clone the props for component it is needed because attrs gets changed on time
|
|
49
|
-
var componentProps = _rollupPluginBabelHelpers._extends({}, this.$attrs);
|
|
50
|
-
|
|
51
|
-
|
|
48
|
+
var componentProps = _rollupPluginBabelHelpers._extends({}, this.$attrs);
|
|
49
|
+
// handle kebab case for props
|
|
52
50
|
var parsedProps = {};
|
|
53
51
|
Object.keys(componentProps).forEach(function (key) {
|
|
54
52
|
parsedProps[index.getCamelCase(key)] = componentProps[key];
|
|
@@ -59,46 +57,36 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
|
|
|
59
57
|
},
|
|
60
58
|
beforeMount: function beforeMount() {
|
|
61
59
|
var _this = this;
|
|
62
|
-
|
|
63
60
|
var components = [];
|
|
64
|
-
|
|
65
61
|
if (this.$$store) {
|
|
66
62
|
var _this$$$store$getStat = this.$$store.getState();
|
|
67
|
-
|
|
68
63
|
components = _this$$$store$getStat.components;
|
|
69
|
-
}
|
|
64
|
+
}
|
|
65
|
+
// Register a component only when `destroyOnUnmount` is `true`
|
|
70
66
|
// or component is not present in store
|
|
71
|
-
|
|
72
|
-
|
|
73
67
|
if (this.destroyOnUnmount || components.indexOf(this.componentProps.componentId) === -1) {
|
|
74
68
|
// Register component
|
|
75
69
|
this.addComponent(this.componentId);
|
|
76
|
-
|
|
77
70
|
var onQueryChange = function onQueryChange() {
|
|
78
71
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
79
72
|
args[_key] = arguments[_key];
|
|
80
73
|
}
|
|
81
|
-
|
|
82
74
|
_this.$emit.apply(_this, ['queryChange'].concat(args));
|
|
83
|
-
|
|
84
75
|
_this.$emit.apply(_this, ['query-change'].concat(args));
|
|
85
76
|
};
|
|
86
|
-
|
|
87
77
|
var onError = function onError(e) {
|
|
88
78
|
_this.$emit('error', e);
|
|
89
79
|
};
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
80
|
+
this.setQueryListener(this.componentId, onQueryChange, onError);
|
|
81
|
+
// Update props in store
|
|
93
82
|
this.setComponentProps(this.componentId, this.componentProps, options.componentType);
|
|
94
|
-
}
|
|
95
|
-
|
|
83
|
+
}
|
|
96
84
|
|
|
85
|
+
// if default query prop is defined and component is reactive component then register the internal component
|
|
97
86
|
if (options.internalComponent || this.componentProps.defaultQuery && options.componentType === constants.componentTypes.reactiveComponent) {
|
|
98
87
|
this.internalComponent = transform.getInternalComponentID(this.componentId);
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
|
|
88
|
+
}
|
|
89
|
+
// Register internal component
|
|
102
90
|
if (this.internalComponent && (this.destroyOnUnmount || components.indexOf(this.internalComponent) === -1)) {
|
|
103
91
|
this.addComponent(this.internalComponent);
|
|
104
92
|
this.setComponentProps(this.internalComponent, this.componentProps, options.componentType);
|
|
@@ -114,7 +102,6 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
|
|
|
114
102
|
if (this.destroyOnUnmount) {
|
|
115
103
|
// Unregister components
|
|
116
104
|
this.removeComponent(this.componentId);
|
|
117
|
-
|
|
118
105
|
if (this.internalComponent) {
|
|
119
106
|
this.removeComponent(this.internalComponent);
|
|
120
107
|
}
|
|
@@ -125,18 +112,15 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
|
|
|
125
112
|
deep: true,
|
|
126
113
|
handler: function handler(newVal) {
|
|
127
114
|
var _this2 = this;
|
|
128
|
-
|
|
129
115
|
var propsKeys = index.getValidPropsKeys(newVal);
|
|
130
116
|
checkSomePropChange(newVal, this.savedComponentProps, propsKeys, function () {
|
|
131
117
|
_this2.updateComponentProps(_this2.componentId, newVal, options.componentType);
|
|
132
|
-
|
|
133
118
|
_this2.updateComponentProps(_this2.internalComponent, newVal, options.componentType);
|
|
134
119
|
});
|
|
135
120
|
}
|
|
136
121
|
},
|
|
137
122
|
react: function react(newVal, oldVal) {
|
|
138
123
|
var _this3 = this;
|
|
139
|
-
|
|
140
124
|
checkPropChange(newVal, oldVal, function () {
|
|
141
125
|
return _this3.setReact(_this3.componentProps);
|
|
142
126
|
});
|
|
@@ -145,8 +129,7 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
|
|
|
145
129
|
methods: {
|
|
146
130
|
setReact: function setReact(props) {
|
|
147
131
|
var react = props.react,
|
|
148
|
-
|
|
149
|
-
|
|
132
|
+
executeInitialQuery = props.executeInitialQuery;
|
|
150
133
|
if (this.internalComponent) {
|
|
151
134
|
if (react) {
|
|
152
135
|
var newReact = pushToAndClause(react, this.internalComponent);
|
|
@@ -171,13 +154,11 @@ var ComponentWrapper = function ComponentWrapper(component, options) {
|
|
|
171
154
|
}
|
|
172
155
|
};
|
|
173
156
|
};
|
|
174
|
-
|
|
175
157
|
var mapStateToProps = function mapStateToProps(state, props) {
|
|
176
158
|
return {
|
|
177
159
|
savedComponentProps: state.props[props.componentId]
|
|
178
160
|
};
|
|
179
161
|
};
|
|
180
|
-
|
|
181
162
|
var mapDispatchToProps = {
|
|
182
163
|
addComponent: addComponent,
|
|
183
164
|
removeComponent: removeComponent,
|
|
@@ -190,7 +171,6 @@ var ComponentWrapper$1 = (function (component, options) {
|
|
|
190
171
|
if (options === void 0) {
|
|
191
172
|
options = {};
|
|
192
173
|
}
|
|
193
|
-
|
|
194
174
|
return index.connect(mapStateToProps, mapDispatchToProps)(ComponentWrapper(component, options));
|
|
195
175
|
});
|
|
196
176
|
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
4
|
|
|
5
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-
|
|
5
|
+
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
6
6
|
var styled = require('@appbaseio/vue-emotion');
|
|
7
7
|
var styled__default = _interopDefault(styled);
|
|
8
8
|
|