@appbaseio/reactivesearch-vue 3.0.0-rc.5.alpha.4 → 3.0.0-rc.6
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 +39803 -35283
- package/dist/@appbaseio/reactivesearch-vue.umd.js.map +1 -1
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js +32 -32
- package/dist/@appbaseio/reactivesearch-vue.umd.min.js.map +1 -1
- package/dist/cjs/{Button-d4da7470.js → Button-9e179864.js} +13 -6
- package/dist/cjs/{ComponentWrapper-9146d811.js → ComponentWrapper-0b9ffb1a.js} +3 -0
- package/dist/cjs/DropDown-aef75c14.js +702 -0
- package/dist/cjs/DynamicRangeSlider.js +1 -1
- package/dist/cjs/{Input-497be42a.js → Input-56eba499.js} +71 -1
- package/dist/cjs/MultiDropdownList.js +6 -6
- package/dist/cjs/MultiList.js +3 -3
- package/dist/cjs/MultiRange.js +2 -2
- package/dist/cjs/{Pagination-b953a80a.js → Pagination-58a0cf3f.js} +2 -2
- package/dist/cjs/RangeInput.js +3 -3
- package/dist/cjs/RangeSlider.js +2 -2
- package/dist/cjs/ReactiveBase.js +4 -4
- package/dist/cjs/ReactiveComponent.js +2 -2
- package/dist/cjs/ReactiveGoogleMap.js +6 -5
- package/dist/cjs/ReactiveList.js +4 -4
- package/dist/cjs/ResultCard.js +1 -1
- package/dist/cjs/ResultList.js +1 -1
- package/dist/cjs/SelectedFilters.js +3 -2
- package/dist/cjs/SingleDropdownList.js +6 -6
- package/dist/cjs/SingleList.js +3 -3
- package/dist/cjs/SingleRange.js +2 -2
- package/dist/cjs/ToggleButton.js +4 -3
- package/dist/cjs/index.js +14 -13
- package/dist/cjs/install-70991c13.js +3820 -0
- package/dist/cjs/install.js +9 -9
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/{vueTypes-1bf00978.js → vueTypes-a5f1745e.js} +18 -0
- package/dist/es/{Button-fd869491.js → Button-c2ff5178.js} +13 -6
- package/dist/es/{ComponentWrapper-8a3c388d.js → ComponentWrapper-a2635cfc.js} +3 -0
- package/dist/es/DropDown-39fedff8.js +693 -0
- package/dist/es/DynamicRangeSlider.js +1 -1
- package/dist/es/{Input-f7499ef8.js → Input-11d211d2.js} +71 -2
- package/dist/es/MultiDropdownList.js +6 -6
- package/dist/es/MultiList.js +3 -3
- package/dist/es/MultiRange.js +2 -2
- package/dist/es/{Pagination-c2745bec.js → Pagination-ae401c33.js} +2 -2
- package/dist/es/RangeInput.js +3 -3
- package/dist/es/RangeSlider.js +2 -2
- package/dist/es/ReactiveBase.js +4 -4
- package/dist/es/ReactiveComponent.js +2 -2
- package/dist/es/ReactiveGoogleMap.js +6 -5
- package/dist/es/ReactiveList.js +4 -4
- package/dist/es/ResultCard.js +1 -1
- package/dist/es/ResultList.js +1 -1
- package/dist/es/SelectedFilters.js +3 -2
- package/dist/es/SingleDropdownList.js +6 -6
- package/dist/es/SingleList.js +3 -3
- package/dist/es/SingleRange.js +2 -2
- package/dist/es/ToggleButton.js +4 -3
- package/dist/es/index.js +11 -11
- package/dist/es/install-8296e8da.js +3812 -0
- package/dist/es/install.js +9 -9
- package/dist/es/version.js +1 -1
- package/dist/es/{vueTypes-f1923c72.js → vueTypes-09cab4d3.js} +18 -0
- package/package.json +7 -5
- package/dist/cjs/CancelSvg-ab0f8b23.js +0 -409
- package/dist/cjs/DropDown-e7125b72.js +0 -299
- package/dist/cjs/SearchBox.js +0 -1853
- package/dist/cjs/install-3c4520bf.js +0 -874
- package/dist/es/CancelSvg-e7ae49e9.js +0 -401
- package/dist/es/DropDown-13afb4d2.js +0 -295
- package/dist/es/SearchBox.js +0 -1847
- package/dist/es/install-ff8b0750.js +0 -868
package/dist/es/install.js
CHANGED
|
@@ -8,14 +8,14 @@ import '@appbaseio/reactivecore/lib/utils/helper';
|
|
|
8
8
|
import '@appbaseio/vue-emotion';
|
|
9
9
|
import '@emotion/css';
|
|
10
10
|
import 'polished';
|
|
11
|
-
import './Button-
|
|
12
|
-
import './vueTypes-
|
|
13
|
-
import './Pagination-
|
|
11
|
+
import './Button-c2ff5178.js';
|
|
12
|
+
import './vueTypes-09cab4d3.js';
|
|
13
|
+
import './Pagination-ae401c33.js';
|
|
14
14
|
import './ReactiveList.js';
|
|
15
15
|
import '@appbaseio/reactivecore/lib/utils/transform';
|
|
16
16
|
import 'redux';
|
|
17
17
|
import './index-882489e1.js';
|
|
18
|
-
import './ComponentWrapper-
|
|
18
|
+
import './ComponentWrapper-a2635cfc.js';
|
|
19
19
|
import './PreferencesConsumer-b058d14e.js';
|
|
20
20
|
import './Title-863dfa42.js';
|
|
21
21
|
import './ListItem-e3c6acf4.js';
|
|
@@ -28,20 +28,20 @@ import '@appbaseio/analytics';
|
|
|
28
28
|
import 'url-search-params-polyfill';
|
|
29
29
|
import './ReactiveBase.js';
|
|
30
30
|
import 'hotkeys-js';
|
|
31
|
-
import '
|
|
32
|
-
|
|
33
|
-
import './
|
|
31
|
+
import 'remarkable';
|
|
32
|
+
export { i as default } from './install-8296e8da.js';
|
|
33
|
+
import './DropDown-39fedff8.js';
|
|
34
|
+
import './Input-11d211d2.js';
|
|
34
35
|
import 'compute-scroll-into-view';
|
|
35
36
|
import './Container-d00219f7.js';
|
|
36
37
|
import 'vue-highlight-words';
|
|
38
|
+
import '@appbaseio/reactivecore/lib/actions/query';
|
|
37
39
|
import '@appbaseio/reactivecore/lib/utils/suggestions';
|
|
38
40
|
import './FormControlList-fe6eaee4.js';
|
|
39
41
|
import './utils-d7dd4f4e.js';
|
|
40
42
|
import './SingleList.js';
|
|
41
43
|
import './MultiList.js';
|
|
42
44
|
import '@appbaseio/reactivecore/lib/utils/types';
|
|
43
|
-
export { i as default } from './install-ff8b0750.js';
|
|
44
|
-
import './DropDown-13afb4d2.js';
|
|
45
45
|
import './SingleDropdownList.js';
|
|
46
46
|
import './MultiDropdownList.js';
|
|
47
47
|
import './ToggleButton.js';
|
package/dist/es/version.js
CHANGED
|
@@ -120,6 +120,24 @@ var types = {
|
|
|
120
120
|
method: VueTypes.string,
|
|
121
121
|
headers: VueTypes.object,
|
|
122
122
|
body: VueTypes.object
|
|
123
|
+
}),
|
|
124
|
+
AIConfig: VueTypes.shape({
|
|
125
|
+
systemPrompt: VueTypes.string,
|
|
126
|
+
topDocsForContext: VueTypes.number,
|
|
127
|
+
maxTokens: VueTypes.number,
|
|
128
|
+
docTemplate: VueTypes.string,
|
|
129
|
+
queryTemplate: VueTypes.string,
|
|
130
|
+
temperature: VueTypes.number
|
|
131
|
+
}),
|
|
132
|
+
AIUIConfig: VueTypes.shape({
|
|
133
|
+
loaderMessage: VueTypes.string,
|
|
134
|
+
// slot #loaderMessage should also be supported
|
|
135
|
+
showSourceDocuments: VueTypes.bool,
|
|
136
|
+
sourceDocumentLabel: VueTypes.string,
|
|
137
|
+
onSourceClick: VueTypes.func,
|
|
138
|
+
// renderAskButton: VueTypes.func,has to be a slot
|
|
139
|
+
askButton: VueTypes.bool,
|
|
140
|
+
showFeedback: VueTypes.bool
|
|
123
141
|
})
|
|
124
142
|
};
|
|
125
143
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@appbaseio/reactivesearch-vue",
|
|
3
|
-
"version": "3.0.0-rc.
|
|
3
|
+
"version": "3.0.0-rc.6",
|
|
4
4
|
"private": false,
|
|
5
5
|
"main": "dist/cjs/index.js",
|
|
6
6
|
"jsnext:main": "dist/es/index.js",
|
|
@@ -26,17 +26,17 @@
|
|
|
26
26
|
"test": "nps test",
|
|
27
27
|
"precommit": "lint-staged",
|
|
28
28
|
"prepare": "npm start validate",
|
|
29
|
-
"version-upgrade": "nps upgrade-vue -c ../../package-scripts.js"
|
|
29
|
+
"version-upgrade": "nps upgrade-vue -c ../../package-scripts.js",
|
|
30
|
+
"postpublish": "yarn run version-upgrade"
|
|
30
31
|
},
|
|
31
32
|
"files": [
|
|
32
33
|
"dist"
|
|
33
34
|
],
|
|
34
35
|
"sideEffects": false,
|
|
35
36
|
"dependencies": {
|
|
36
|
-
"@appbaseio/analytics": "^1.
|
|
37
|
-
"@appbaseio/reactivecore": "10.0.0-alpha.
|
|
37
|
+
"@appbaseio/analytics": "^1.2.0-alpha.1",
|
|
38
|
+
"@appbaseio/reactivecore": "10.0.0-alpha.21",
|
|
38
39
|
"@appbaseio/vue-emotion": "0.6.0-alpha.6",
|
|
39
|
-
"@appbaseio/vue-google-maps-community-fork": "1.0.0-alpha.1",
|
|
40
40
|
"@emotion/css": "^11.10.5",
|
|
41
41
|
"@vue/babel-helper-vue-jsx-merge-props": "^1.0.0",
|
|
42
42
|
"appbase-js": "^5.2.0",
|
|
@@ -46,7 +46,9 @@
|
|
|
46
46
|
"ngeohash": "^0.6.3",
|
|
47
47
|
"polished": "^2.2.0",
|
|
48
48
|
"redux": "^4.0.0",
|
|
49
|
+
"remarkable": "^2.0.1",
|
|
49
50
|
"url-search-params-polyfill": "^7.0.0",
|
|
51
|
+
"vue-google-maps-community-fork": "^0.1.7",
|
|
50
52
|
"vue-highlight-words": "^1.2.0",
|
|
51
53
|
"vue-no-ssr": "^1.1.0",
|
|
52
54
|
"vue-slider-component": "next",
|
|
@@ -1,409 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
|
|
4
|
-
|
|
5
|
-
var _rollupPluginBabelHelpers = require('./_rollupPluginBabelHelpers-f8b843f8.js');
|
|
6
|
-
var vue = require('vue');
|
|
7
|
-
var vueEmotion = require('@appbaseio/vue-emotion');
|
|
8
|
-
var computeScrollIntoView = _interopDefault(require('compute-scroll-into-view'));
|
|
9
|
-
|
|
10
|
-
var _templateObject;
|
|
11
|
-
var InputWrapper = vueEmotion.styled('span')(_templateObject || (_templateObject = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n flex: 1;\n position: relative;\n"])));
|
|
12
|
-
|
|
13
|
-
var _templateObject$1;
|
|
14
|
-
var IconGroup = vueEmotion.styled('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
|
-
var positionType = _ref.positionType;
|
|
16
|
-
if (positionType === 'absolute') {
|
|
17
|
-
return "\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t";
|
|
18
|
-
}
|
|
19
|
-
return null;
|
|
20
|
-
}, function (_ref2) {
|
|
21
|
-
var groupPosition = _ref2.groupPosition;
|
|
22
|
-
return groupPosition === 'right' ? "\n\t\t\t\t\tright: 0;\n\t\t\t " : "\n\t\t\t\t\tleft: 0;\n\t\t\t ";
|
|
23
|
-
});
|
|
24
|
-
|
|
25
|
-
var _templateObject$2;
|
|
26
|
-
var IconWrapper = vueEmotion.styled('div')(_templateObject$2 || (_templateObject$2 = _rollupPluginBabelHelpers._taggedTemplateLiteralLoose(["\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmax-width: 23px;\n\twidth: max-content;\n\tcursor: pointer;\n\theight: 100%;\n\tmin-width: 20px;\n\n\tsvg.search-icon {\n\t\tfill: ", ";\n\t\ttransform: scale(1.5);\n\t}\n\n\tsvg.cancel-icon {\n\t\tfill: ", ";\n\t}\n"])), function (_ref) {
|
|
27
|
-
var _ref$theme = _ref.theme,
|
|
28
|
-
theme = _ref$theme === void 0 ? {} : _ref$theme;
|
|
29
|
-
return theme.colors ? theme.colors.primaryColor : 'unset';
|
|
30
|
-
}, function (_ref2) {
|
|
31
|
-
var _ref2$theme = _ref2.theme,
|
|
32
|
-
theme = _ref2$theme === void 0 ? {} : _ref2$theme;
|
|
33
|
-
return theme.colors ? theme.colors.borderColor : '#000';
|
|
34
|
-
});
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* Scroll node into view if necessary
|
|
38
|
-
* @param {HTMLElement} node the element that should scroll into view
|
|
39
|
-
* @param {HTMLElement} rootNode the root element of the component
|
|
40
|
-
*/
|
|
41
|
-
// eslint-disable-next-line
|
|
42
|
-
var scrollIntoView = function scrollIntoView(node, rootNode) {
|
|
43
|
-
if (node === null) {
|
|
44
|
-
return;
|
|
45
|
-
}
|
|
46
|
-
var actions = computeScrollIntoView(node, {
|
|
47
|
-
boundary: rootNode,
|
|
48
|
-
block: 'nearest',
|
|
49
|
-
scrollMode: 'if-needed'
|
|
50
|
-
});
|
|
51
|
-
actions.forEach(function (_ref) {
|
|
52
|
-
var el = _ref.el,
|
|
53
|
-
top = _ref.top,
|
|
54
|
-
left = _ref.left;
|
|
55
|
-
el.scrollTop = top;
|
|
56
|
-
el.scrollLeft = left;
|
|
57
|
-
});
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
var Downshift = {
|
|
61
|
-
// eslint-disable-next-line
|
|
62
|
-
props: ['isOpen', 'inputValue', 'selectedItem', 'highlightedIndex', 'handleChange',
|
|
63
|
-
// 'itemToString',
|
|
64
|
-
'handleMouseup'],
|
|
65
|
-
data: function data() {
|
|
66
|
-
return {
|
|
67
|
-
isMouseDown: false,
|
|
68
|
-
internal_isOpen: false,
|
|
69
|
-
internal_inputValue: '',
|
|
70
|
-
internal_selectedItem: null,
|
|
71
|
-
internal_highlightedIndex: null
|
|
72
|
-
};
|
|
73
|
-
},
|
|
74
|
-
computed: {
|
|
75
|
-
mergedState: function mergedState() {
|
|
76
|
-
var _this = this;
|
|
77
|
-
return Object.keys(this.$props).reduce(function (state, key) {
|
|
78
|
-
var _extends2;
|
|
79
|
-
return _rollupPluginBabelHelpers._extends({}, state, (_extends2 = {}, _extends2[key] = _this.isControlledProp(key) ? _this.$props[key] : _this["internal_" + key], _extends2));
|
|
80
|
-
}, {});
|
|
81
|
-
},
|
|
82
|
-
internalItemCount: function internalItemCount() {
|
|
83
|
-
return this.items.length;
|
|
84
|
-
}
|
|
85
|
-
},
|
|
86
|
-
mounted: function mounted() {
|
|
87
|
-
window.addEventListener('mousedown', this.handleWindowMousedown);
|
|
88
|
-
window.addEventListener('mouseup', this.handleWindowMouseup);
|
|
89
|
-
},
|
|
90
|
-
beforeUnmount: function beforeUnmount() {
|
|
91
|
-
window.removeEventListener('mousedown', this.handleWindowMousedown);
|
|
92
|
-
window.removeEventListener('mouseup', this.handleWindowMouseup);
|
|
93
|
-
},
|
|
94
|
-
methods: {
|
|
95
|
-
handleWindowMousedown: function handleWindowMousedown() {
|
|
96
|
-
this.isMouseDown = true;
|
|
97
|
-
},
|
|
98
|
-
handleWindowMouseup: function handleWindowMouseup(event) {
|
|
99
|
-
this.isMouseDown = false;
|
|
100
|
-
if ((event.target === this.$refs.rootNode || !this.$refs.rootNode.contains(event.target)) && this.mergedState.isOpen) {
|
|
101
|
-
// TODO: handle on outer click here
|
|
102
|
-
if (!this.isMouseDown) {
|
|
103
|
-
this.reset();
|
|
104
|
-
if (this.$props.handleMouseup) {
|
|
105
|
-
this.$props.handleMouseup({
|
|
106
|
-
isOpen: false
|
|
107
|
-
});
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
},
|
|
112
|
-
keyDownArrowDown: function keyDownArrowDown(event) {
|
|
113
|
-
event.preventDefault();
|
|
114
|
-
var amount = event.shiftKey ? 5 : 1;
|
|
115
|
-
if (this.mergedState.isOpen) {
|
|
116
|
-
this.changeHighlightedIndex(amount);
|
|
117
|
-
} else {
|
|
118
|
-
this.setState({
|
|
119
|
-
isOpen: true
|
|
120
|
-
});
|
|
121
|
-
this.setHighlightedIndex();
|
|
122
|
-
}
|
|
123
|
-
},
|
|
124
|
-
keyDownArrowUp: function keyDownArrowUp(event) {
|
|
125
|
-
event.preventDefault();
|
|
126
|
-
var amount = event.shiftKey ? -5 : -1;
|
|
127
|
-
if (this.mergedState.isOpen) {
|
|
128
|
-
this.changeHighlightedIndex(amount);
|
|
129
|
-
} else {
|
|
130
|
-
this.setState({
|
|
131
|
-
isOpen: true
|
|
132
|
-
});
|
|
133
|
-
this.setHighlightedIndex();
|
|
134
|
-
}
|
|
135
|
-
},
|
|
136
|
-
keyDownEnter: function keyDownEnter(event) {
|
|
137
|
-
if (this.mergedState.isOpen) {
|
|
138
|
-
event.preventDefault();
|
|
139
|
-
this.selectHighlightedItem();
|
|
140
|
-
}
|
|
141
|
-
},
|
|
142
|
-
keyDownEscape: function keyDownEscape(event) {
|
|
143
|
-
event.preventDefault();
|
|
144
|
-
this.reset();
|
|
145
|
-
},
|
|
146
|
-
selectHighlightedItem: function selectHighlightedItem() {
|
|
147
|
-
return this.selectItemAtIndex(this.mergedState.highlightedIndex);
|
|
148
|
-
},
|
|
149
|
-
selectItemAtIndex: function selectItemAtIndex(itemIndex) {
|
|
150
|
-
var item = this.items[itemIndex];
|
|
151
|
-
if (item == null) {
|
|
152
|
-
return;
|
|
153
|
-
}
|
|
154
|
-
this.selectItem(item);
|
|
155
|
-
},
|
|
156
|
-
selectItem: function selectItem(item) {
|
|
157
|
-
if (this.$props.handleChange) {
|
|
158
|
-
this.$props.handleChange(item);
|
|
159
|
-
}
|
|
160
|
-
function getInputValue() {
|
|
161
|
-
if (this.isControlledProp('selectedItem')) {
|
|
162
|
-
return '';
|
|
163
|
-
}
|
|
164
|
-
return typeof item === 'object' ? item.label || '' : item;
|
|
165
|
-
}
|
|
166
|
-
this.setState({
|
|
167
|
-
isOpen: false,
|
|
168
|
-
highlightedIndex: null,
|
|
169
|
-
selectedItem: item,
|
|
170
|
-
inputValue: getInputValue.call(this)
|
|
171
|
-
});
|
|
172
|
-
},
|
|
173
|
-
changeHighlightedIndex: function changeHighlightedIndex(moveAmount) {
|
|
174
|
-
if (this.internalItemCount < 0) {
|
|
175
|
-
return;
|
|
176
|
-
}
|
|
177
|
-
var highlightedIndex = this.mergedState.highlightedIndex;
|
|
178
|
-
var baseIndex = highlightedIndex;
|
|
179
|
-
if (baseIndex === null) {
|
|
180
|
-
baseIndex = moveAmount > 0 ? -1 : this.internalItemCount + 1;
|
|
181
|
-
}
|
|
182
|
-
var newIndex = baseIndex + moveAmount;
|
|
183
|
-
if (newIndex < 0) {
|
|
184
|
-
newIndex = this.internalItemCount;
|
|
185
|
-
} else if (newIndex > this.internalItemCount) {
|
|
186
|
-
newIndex = 0;
|
|
187
|
-
}
|
|
188
|
-
this.setHighlightedIndex(newIndex);
|
|
189
|
-
},
|
|
190
|
-
setHighlightedIndex: function setHighlightedIndex(highlightedIndex) {
|
|
191
|
-
if (highlightedIndex === void 0) {
|
|
192
|
-
highlightedIndex = null;
|
|
193
|
-
}
|
|
194
|
-
this.setState({
|
|
195
|
-
highlightedIndex: highlightedIndex
|
|
196
|
-
});
|
|
197
|
-
var element = document.getElementById("Downshift" + highlightedIndex);
|
|
198
|
-
scrollIntoView(element, this.rootNode);
|
|
199
|
-
// Implement scrollIntroView thingy
|
|
200
|
-
},
|
|
201
|
-
reset: function reset() {
|
|
202
|
-
var selectedItem = this.mergedState.selectedItem;
|
|
203
|
-
this.setState({
|
|
204
|
-
isOpen: false,
|
|
205
|
-
highlightedIndex: null,
|
|
206
|
-
inputValue: selectedItem
|
|
207
|
-
});
|
|
208
|
-
},
|
|
209
|
-
getItemProps: function getItemProps(_ref) {
|
|
210
|
-
var index = _ref.index,
|
|
211
|
-
item = _ref.item;
|
|
212
|
-
var newIndex = index;
|
|
213
|
-
if (index === undefined) {
|
|
214
|
-
if (this.$props.itemToString) {
|
|
215
|
-
this.items.push(this.$props.itemToString(item));
|
|
216
|
-
} else {
|
|
217
|
-
this.items.push(item);
|
|
218
|
-
}
|
|
219
|
-
newIndex = this.items.indexOf(item);
|
|
220
|
-
} else {
|
|
221
|
-
this.items[newIndex] = item;
|
|
222
|
-
}
|
|
223
|
-
return {
|
|
224
|
-
id: "Downshift" + newIndex
|
|
225
|
-
};
|
|
226
|
-
},
|
|
227
|
-
getItemEvents: function getItemEvents(_ref2) {
|
|
228
|
-
var index = _ref2.index,
|
|
229
|
-
item = _ref2.item;
|
|
230
|
-
var newIndex = index;
|
|
231
|
-
if (index === undefined) {
|
|
232
|
-
newIndex = this.items.indexOf(item);
|
|
233
|
-
}
|
|
234
|
-
var vm = this;
|
|
235
|
-
return {
|
|
236
|
-
mouseenter: function mouseenter() {
|
|
237
|
-
vm.setHighlightedIndex(newIndex);
|
|
238
|
-
},
|
|
239
|
-
click: function click(event) {
|
|
240
|
-
event.stopPropagation();
|
|
241
|
-
vm.selectItemAtIndex(newIndex);
|
|
242
|
-
}
|
|
243
|
-
};
|
|
244
|
-
},
|
|
245
|
-
getInputProps: function getInputProps(_ref3) {
|
|
246
|
-
var value = _ref3.value;
|
|
247
|
-
var inputValue = this.mergedState.inputValue;
|
|
248
|
-
if (value !== inputValue) {
|
|
249
|
-
this.setState({
|
|
250
|
-
inputValue: value
|
|
251
|
-
});
|
|
252
|
-
}
|
|
253
|
-
return {
|
|
254
|
-
value: inputValue
|
|
255
|
-
};
|
|
256
|
-
},
|
|
257
|
-
getButtonProps: function getButtonProps(_ref4) {
|
|
258
|
-
var _this2 = this;
|
|
259
|
-
var onClick = _ref4.onClick,
|
|
260
|
-
onKeyDown = _ref4.onKeyDown,
|
|
261
|
-
onKeyUp = _ref4.onKeyUp,
|
|
262
|
-
onBlur = _ref4.onBlur;
|
|
263
|
-
return {
|
|
264
|
-
click: function click(event) {
|
|
265
|
-
_this2.setState({
|
|
266
|
-
isOpen: true,
|
|
267
|
-
inputValue: event.target.value
|
|
268
|
-
});
|
|
269
|
-
if (onClick) {
|
|
270
|
-
onClick(event);
|
|
271
|
-
}
|
|
272
|
-
},
|
|
273
|
-
keydown: function keydown(event) {
|
|
274
|
-
if (event.key && _this2["keyDown" + event.key]) {
|
|
275
|
-
_this2["keyDown" + event.key].call(_this2, event);
|
|
276
|
-
}
|
|
277
|
-
if (onKeyDown) {
|
|
278
|
-
onKeyDown(event);
|
|
279
|
-
}
|
|
280
|
-
},
|
|
281
|
-
keyup: function keyup(event) {
|
|
282
|
-
if (onKeyUp) {
|
|
283
|
-
onKeyUp(event);
|
|
284
|
-
}
|
|
285
|
-
},
|
|
286
|
-
blur: function blur(event) {
|
|
287
|
-
if (onBlur) {
|
|
288
|
-
onBlur(event);
|
|
289
|
-
}
|
|
290
|
-
}
|
|
291
|
-
};
|
|
292
|
-
},
|
|
293
|
-
getInputEvents: function getInputEvents(_ref5) {
|
|
294
|
-
var _this3 = this;
|
|
295
|
-
var onInput = _ref5.onInput,
|
|
296
|
-
onBlur = _ref5.onBlur,
|
|
297
|
-
onFocus = _ref5.onFocus,
|
|
298
|
-
onKeyPress = _ref5.onKeyPress,
|
|
299
|
-
onKeyDown = _ref5.onKeyDown,
|
|
300
|
-
onKeyUp = _ref5.onKeyUp,
|
|
301
|
-
onClick = _ref5.onClick;
|
|
302
|
-
return {
|
|
303
|
-
input: function input(event) {
|
|
304
|
-
_this3.setState({
|
|
305
|
-
isOpen: true,
|
|
306
|
-
inputValue: event.target.value
|
|
307
|
-
});
|
|
308
|
-
if (onInput) {
|
|
309
|
-
onInput(event);
|
|
310
|
-
}
|
|
311
|
-
},
|
|
312
|
-
focus: function focus(event) {
|
|
313
|
-
if (onFocus) {
|
|
314
|
-
onFocus(event);
|
|
315
|
-
}
|
|
316
|
-
},
|
|
317
|
-
keydown: function keydown(event) {
|
|
318
|
-
if (event.key && _this3["keyDown" + event.key]) {
|
|
319
|
-
_this3["keyDown" + event.key].call(_this3, event);
|
|
320
|
-
}
|
|
321
|
-
if (onKeyDown) {
|
|
322
|
-
onKeyDown(event);
|
|
323
|
-
}
|
|
324
|
-
},
|
|
325
|
-
keypress: function keypress(event) {
|
|
326
|
-
if (onKeyPress) {
|
|
327
|
-
onKeyPress(event);
|
|
328
|
-
}
|
|
329
|
-
},
|
|
330
|
-
keyup: function keyup(event) {
|
|
331
|
-
if (onKeyUp) {
|
|
332
|
-
onKeyUp(event);
|
|
333
|
-
}
|
|
334
|
-
},
|
|
335
|
-
blur: function blur(event) {
|
|
336
|
-
if (onBlur) {
|
|
337
|
-
onBlur(event);
|
|
338
|
-
}
|
|
339
|
-
// TODO: implement isMouseDown
|
|
340
|
-
// this.reset()
|
|
341
|
-
},
|
|
342
|
-
|
|
343
|
-
click: onClick
|
|
344
|
-
};
|
|
345
|
-
},
|
|
346
|
-
getHelpersAndState: function getHelpersAndState() {
|
|
347
|
-
var getItemProps = this.getItemProps,
|
|
348
|
-
getItemEvents = this.getItemEvents,
|
|
349
|
-
getInputProps = this.getInputProps,
|
|
350
|
-
getInputEvents = this.getInputEvents,
|
|
351
|
-
getButtonProps = this.getButtonProps,
|
|
352
|
-
setHighlightedIndex = this.setHighlightedIndex;
|
|
353
|
-
return _rollupPluginBabelHelpers._extends({
|
|
354
|
-
getItemProps: getItemProps,
|
|
355
|
-
getItemEvents: getItemEvents,
|
|
356
|
-
getInputProps: getInputProps,
|
|
357
|
-
getInputEvents: getInputEvents,
|
|
358
|
-
getButtonProps: getButtonProps,
|
|
359
|
-
setHighlightedIndex: setHighlightedIndex
|
|
360
|
-
}, this.mergedState);
|
|
361
|
-
},
|
|
362
|
-
isControlledProp: function isControlledProp(prop) {
|
|
363
|
-
return this.$props[prop] !== undefined;
|
|
364
|
-
},
|
|
365
|
-
setState: function setState(stateToSet) {
|
|
366
|
-
var _this4 = this;
|
|
367
|
-
// eslint-disable-next-line
|
|
368
|
-
Object.keys(stateToSet).forEach(function (key) {
|
|
369
|
-
// eslint-disable-next-line
|
|
370
|
-
if (_this4.isControlledProp(key)) {
|
|
371
|
-
_this4.$emit(key + "Change", stateToSet[key]);
|
|
372
|
-
_this4.$emit(key + "-change", stateToSet[key]);
|
|
373
|
-
} else {
|
|
374
|
-
_this4["internal_" + key] = stateToSet[key];
|
|
375
|
-
}
|
|
376
|
-
});
|
|
377
|
-
this.$emit('stateChange', this.mergedState);
|
|
378
|
-
this.$emit('state-change', this.mergedState);
|
|
379
|
-
}
|
|
380
|
-
},
|
|
381
|
-
render: function render() {
|
|
382
|
-
this.items = [];
|
|
383
|
-
return vue.createVNode("div", {
|
|
384
|
-
"ref": "rootNode"
|
|
385
|
-
}, [this.$slots["default"] && this.$slots["default"](_rollupPluginBabelHelpers._extends({}, this.getHelpersAndState()))]);
|
|
386
|
-
}
|
|
387
|
-
};
|
|
388
|
-
|
|
389
|
-
var CancelSvg = (function () {
|
|
390
|
-
return vue.createVNode("svg", {
|
|
391
|
-
"alt": "Clear",
|
|
392
|
-
"class": "cancel-icon",
|
|
393
|
-
"xmlns": "http://www.w3.org/2000/svg",
|
|
394
|
-
"height": "20px",
|
|
395
|
-
"viewBox": "0 0 24 24",
|
|
396
|
-
"width": "20px"
|
|
397
|
-
}, [vue.createVNode("title", null, [vue.createTextVNode("Clear")]), vue.createVNode("path", {
|
|
398
|
-
"d": "M0 0h24v24H0V0z",
|
|
399
|
-
"fill": "none"
|
|
400
|
-
}, null), vue.createVNode("path", {
|
|
401
|
-
"d": "M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
|
|
402
|
-
}, null)]);
|
|
403
|
-
});
|
|
404
|
-
|
|
405
|
-
exports.CancelSvg = CancelSvg;
|
|
406
|
-
exports.Downshift = Downshift;
|
|
407
|
-
exports.IconGroup = IconGroup;
|
|
408
|
-
exports.IconWrapper = IconWrapper;
|
|
409
|
-
exports.InputWrapper = InputWrapper;
|