vue-instantsearch 4.10.8 → 4.10.10
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/package.json +3 -3
- package/src/__tests__/common-widgets.test.js +46 -0
- package/src/components/ClearRefinements.vue +1 -0
- package/src/components/Menu.vue +3 -3
- package/src/components/__tests__/Menu.js +5 -564
- package/vue2/cjs/index.js +1 -1
- package/vue2/cjs/index.js.map +1 -1
- package/vue2/es/package.json.js +1 -1
- package/vue2/es/src/components/Menu.vue.js +1 -1
- package/vue2/umd/index.js +1 -1
- package/vue2/umd/index.js.map +1 -1
- package/vue3/cjs/index.js +1 -1
- package/vue3/cjs/index.js.map +1 -1
- package/vue3/es/package.json.js +1 -1
- package/vue3/es/src/components/ClearRefinements.vue.js +1 -1
- package/vue3/es/src/components/ClearRefinements.vue_vue&type=script&lang.js.map +1 -1
- package/vue3/es/src/components/{ClearRefinements.vue_vue&type=template&id=302b873a&lang.js → ClearRefinements.vue_vue&type=template&id=41d81b11&lang.js} +1 -1
- package/vue3/es/src/components/ClearRefinements.vue_vue&type=template&id=41d81b11&lang.js.map +1 -0
- package/vue3/es/src/components/Menu.vue.js +1 -1
- package/vue3/es/src/components/Menu.vue_vue&type=script&lang.js.map +1 -1
- package/vue3/es/src/components/{Menu.vue_vue&type=template&id=8e757064&lang.js → Menu.vue_vue&type=template&id=55b32cf6&lang.js} +1 -1
- package/vue3/es/src/components/Menu.vue_vue&type=template&id=55b32cf6&lang.js.map +1 -0
- package/vue3/umd/index.js +1 -1
- package/vue3/umd/index.js.map +1 -1
- package/src/components/__tests__/HitsPerPage.js +0 -85
- package/src/components/__tests__/__snapshots__/HitsPerPage.js.snap +0 -18
- package/src/components/__tests__/__snapshots__/Menu.js.snap +0 -503
- package/vue3/es/src/components/ClearRefinements.vue_vue&type=template&id=302b873a&lang.js.map +0 -1
- package/vue3/es/src/components/Menu.vue_vue&type=template&id=8e757064&lang.js.map +0 -1
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* @jest-environment jsdom
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
import { getByRole } from '@testing-library/dom';
|
|
6
|
-
import userEvent from '@testing-library/user-event';
|
|
7
|
-
|
|
8
|
-
import { mount } from '../../../test/utils';
|
|
9
|
-
import { __setState } from '../../mixins/widget';
|
|
10
|
-
import '../../../test/utils/sortedHtmlSerializer';
|
|
11
|
-
import HitsPerPage from '../HitsPerPage.vue';
|
|
12
|
-
|
|
13
|
-
jest.mock('../../mixins/widget');
|
|
14
|
-
jest.mock('../../mixins/panel');
|
|
15
|
-
|
|
16
|
-
const defaultState = {
|
|
17
|
-
items: [
|
|
18
|
-
{
|
|
19
|
-
label: '10 results',
|
|
20
|
-
value: 10,
|
|
21
|
-
default: true,
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
label: '20 results',
|
|
25
|
-
value: 20,
|
|
26
|
-
},
|
|
27
|
-
],
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
const defaultProps = {
|
|
31
|
-
items: [
|
|
32
|
-
{
|
|
33
|
-
label: '10 results',
|
|
34
|
-
value: 10,
|
|
35
|
-
default: true,
|
|
36
|
-
},
|
|
37
|
-
{
|
|
38
|
-
label: '20 results',
|
|
39
|
-
value: 20,
|
|
40
|
-
},
|
|
41
|
-
],
|
|
42
|
-
};
|
|
43
|
-
|
|
44
|
-
it('accepts a transformItems prop', () => {
|
|
45
|
-
__setState({ ...defaultState });
|
|
46
|
-
|
|
47
|
-
const transformItems = () => {};
|
|
48
|
-
|
|
49
|
-
const wrapper = mount(HitsPerPage, {
|
|
50
|
-
propsData: {
|
|
51
|
-
...defaultProps,
|
|
52
|
-
transformItems,
|
|
53
|
-
},
|
|
54
|
-
});
|
|
55
|
-
|
|
56
|
-
expect(wrapper.vm.widgetParams.transformItems).toBe(transformItems);
|
|
57
|
-
});
|
|
58
|
-
|
|
59
|
-
it('renders correctly', () => {
|
|
60
|
-
__setState({ ...defaultState });
|
|
61
|
-
|
|
62
|
-
const wrapper = mount(HitsPerPage, {
|
|
63
|
-
propsData: defaultProps,
|
|
64
|
-
});
|
|
65
|
-
|
|
66
|
-
expect(wrapper.html()).toMatchSnapshot();
|
|
67
|
-
});
|
|
68
|
-
|
|
69
|
-
it('calls `refine` with the `value` on `change`', () => {
|
|
70
|
-
__setState({
|
|
71
|
-
...defaultState,
|
|
72
|
-
refine: jest.fn(),
|
|
73
|
-
});
|
|
74
|
-
|
|
75
|
-
const wrapper = mount(HitsPerPage, {
|
|
76
|
-
propsData: defaultProps,
|
|
77
|
-
});
|
|
78
|
-
|
|
79
|
-
userEvent.selectOptions(
|
|
80
|
-
getByRole(wrapper.element, 'combobox'),
|
|
81
|
-
getByRole(wrapper.element, 'option', { name: '20 results' })
|
|
82
|
-
);
|
|
83
|
-
|
|
84
|
-
expect(wrapper.vm.state.refine).toHaveBeenLastCalledWith(20);
|
|
85
|
-
});
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`renders correctly 1`] = `
|
|
4
|
-
<div class="ais-HitsPerPage">
|
|
5
|
-
<select class="ais-HitsPerPage-select">
|
|
6
|
-
<option class="ais-HitsPerPage-option"
|
|
7
|
-
value="10"
|
|
8
|
-
>
|
|
9
|
-
10 results
|
|
10
|
-
</option>
|
|
11
|
-
<option class="ais-HitsPerPage-option"
|
|
12
|
-
value="20"
|
|
13
|
-
>
|
|
14
|
-
20 results
|
|
15
|
-
</option>
|
|
16
|
-
</select>
|
|
17
|
-
</div>
|
|
18
|
-
`;
|
|
@@ -1,503 +0,0 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`custom default render renders correctly 1`] = `
|
|
4
|
-
<div class="ais-Menu">
|
|
5
|
-
<div class>
|
|
6
|
-
<ol>
|
|
7
|
-
<li>
|
|
8
|
-
<a>
|
|
9
|
-
Apple - 50
|
|
10
|
-
</a>
|
|
11
|
-
</li>
|
|
12
|
-
<li>
|
|
13
|
-
<a>
|
|
14
|
-
Samsung - 25
|
|
15
|
-
</a>
|
|
16
|
-
</li>
|
|
17
|
-
<li>
|
|
18
|
-
<a>
|
|
19
|
-
Microsoft - 12
|
|
20
|
-
</a>
|
|
21
|
-
</li>
|
|
22
|
-
</ol>
|
|
23
|
-
<button disabled="disabled">
|
|
24
|
-
Show more
|
|
25
|
-
</button>
|
|
26
|
-
</div>
|
|
27
|
-
</div>
|
|
28
|
-
`;
|
|
29
|
-
|
|
30
|
-
exports[`custom default render renders correctly with a disabled show more button 1`] = `
|
|
31
|
-
<div class="ais-Menu">
|
|
32
|
-
<div class>
|
|
33
|
-
<ol>
|
|
34
|
-
<li>
|
|
35
|
-
<a>
|
|
36
|
-
Apple - 50
|
|
37
|
-
</a>
|
|
38
|
-
</li>
|
|
39
|
-
<li>
|
|
40
|
-
<a>
|
|
41
|
-
Samsung - 25
|
|
42
|
-
</a>
|
|
43
|
-
</li>
|
|
44
|
-
<li>
|
|
45
|
-
<a>
|
|
46
|
-
Microsoft - 12
|
|
47
|
-
</a>
|
|
48
|
-
</li>
|
|
49
|
-
</ol>
|
|
50
|
-
<button disabled="disabled">
|
|
51
|
-
Show more
|
|
52
|
-
</button>
|
|
53
|
-
</div>
|
|
54
|
-
</div>
|
|
55
|
-
`;
|
|
56
|
-
|
|
57
|
-
exports[`custom default render renders correctly with a show more button toggled 1`] = `
|
|
58
|
-
<div class="ais-Menu">
|
|
59
|
-
<div class>
|
|
60
|
-
<ol>
|
|
61
|
-
<li>
|
|
62
|
-
<a>
|
|
63
|
-
Apple - 50
|
|
64
|
-
</a>
|
|
65
|
-
</li>
|
|
66
|
-
<li>
|
|
67
|
-
<a>
|
|
68
|
-
Samsung - 25
|
|
69
|
-
</a>
|
|
70
|
-
</li>
|
|
71
|
-
<li>
|
|
72
|
-
<a>
|
|
73
|
-
Microsoft - 12
|
|
74
|
-
</a>
|
|
75
|
-
</li>
|
|
76
|
-
</ol>
|
|
77
|
-
<button disabled="disabled">
|
|
78
|
-
Show less
|
|
79
|
-
</button>
|
|
80
|
-
</div>
|
|
81
|
-
</div>
|
|
82
|
-
`;
|
|
83
|
-
|
|
84
|
-
exports[`custom default render renders correctly with an URL for the href 1`] = `
|
|
85
|
-
<div class="ais-Menu">
|
|
86
|
-
<div class>
|
|
87
|
-
<ol>
|
|
88
|
-
<li>
|
|
89
|
-
<a href="/brand/Apple">
|
|
90
|
-
Apple - 50
|
|
91
|
-
</a>
|
|
92
|
-
</li>
|
|
93
|
-
<li>
|
|
94
|
-
<a href="/brand/Samsung">
|
|
95
|
-
Samsung - 25
|
|
96
|
-
</a>
|
|
97
|
-
</li>
|
|
98
|
-
<li>
|
|
99
|
-
<a href="/brand/Microsoft">
|
|
100
|
-
Microsoft - 12
|
|
101
|
-
</a>
|
|
102
|
-
</li>
|
|
103
|
-
</ol>
|
|
104
|
-
<button disabled="disabled">
|
|
105
|
-
Show more
|
|
106
|
-
</button>
|
|
107
|
-
</div>
|
|
108
|
-
</div>
|
|
109
|
-
`;
|
|
110
|
-
|
|
111
|
-
exports[`custom default render renders correctly without refinement 1`] = `
|
|
112
|
-
<div class="ais-Menu ais-Menu--noRefinement">
|
|
113
|
-
<div class="no-refinement">
|
|
114
|
-
<ol>
|
|
115
|
-
</ol>
|
|
116
|
-
<button disabled="disabled">
|
|
117
|
-
Show more
|
|
118
|
-
</button>
|
|
119
|
-
</div>
|
|
120
|
-
</div>
|
|
121
|
-
`;
|
|
122
|
-
|
|
123
|
-
exports[`custom showMoreLabel render renders correctly with a custom show more label 1`] = `
|
|
124
|
-
<div class="ais-Menu">
|
|
125
|
-
<ul class="ais-Menu-list">
|
|
126
|
-
<li class="ais-Menu-item">
|
|
127
|
-
<a class="ais-Menu-link">
|
|
128
|
-
<span class="ais-Menu-label">
|
|
129
|
-
Apple
|
|
130
|
-
</span>
|
|
131
|
-
<span class="ais-Menu-count">
|
|
132
|
-
50
|
|
133
|
-
</span>
|
|
134
|
-
</a>
|
|
135
|
-
</li>
|
|
136
|
-
<li class="ais-Menu-item">
|
|
137
|
-
<a class="ais-Menu-link">
|
|
138
|
-
<span class="ais-Menu-label">
|
|
139
|
-
Samsung
|
|
140
|
-
</span>
|
|
141
|
-
<span class="ais-Menu-count">
|
|
142
|
-
25
|
|
143
|
-
</span>
|
|
144
|
-
</a>
|
|
145
|
-
</li>
|
|
146
|
-
<li class="ais-Menu-item">
|
|
147
|
-
<a class="ais-Menu-link">
|
|
148
|
-
<span class="ais-Menu-label">
|
|
149
|
-
Microsoft
|
|
150
|
-
</span>
|
|
151
|
-
<span class="ais-Menu-count">
|
|
152
|
-
12
|
|
153
|
-
</span>
|
|
154
|
-
</a>
|
|
155
|
-
</li>
|
|
156
|
-
</ul>
|
|
157
|
-
<button class="ais-Menu-showMore ais-Menu-showMore--disabled"
|
|
158
|
-
disabled="disabled"
|
|
159
|
-
>
|
|
160
|
-
<span>
|
|
161
|
-
Voir plus
|
|
162
|
-
</span>
|
|
163
|
-
</button>
|
|
164
|
-
</div>
|
|
165
|
-
`;
|
|
166
|
-
|
|
167
|
-
exports[`custom showMoreLabel render renders correctly with a custom show more label toggled 1`] = `
|
|
168
|
-
<div class="ais-Menu">
|
|
169
|
-
<ul class="ais-Menu-list">
|
|
170
|
-
<li class="ais-Menu-item">
|
|
171
|
-
<a class="ais-Menu-link">
|
|
172
|
-
<span class="ais-Menu-label">
|
|
173
|
-
Apple
|
|
174
|
-
</span>
|
|
175
|
-
<span class="ais-Menu-count">
|
|
176
|
-
50
|
|
177
|
-
</span>
|
|
178
|
-
</a>
|
|
179
|
-
</li>
|
|
180
|
-
<li class="ais-Menu-item">
|
|
181
|
-
<a class="ais-Menu-link">
|
|
182
|
-
<span class="ais-Menu-label">
|
|
183
|
-
Samsung
|
|
184
|
-
</span>
|
|
185
|
-
<span class="ais-Menu-count">
|
|
186
|
-
25
|
|
187
|
-
</span>
|
|
188
|
-
</a>
|
|
189
|
-
</li>
|
|
190
|
-
<li class="ais-Menu-item">
|
|
191
|
-
<a class="ais-Menu-link">
|
|
192
|
-
<span class="ais-Menu-label">
|
|
193
|
-
Microsoft
|
|
194
|
-
</span>
|
|
195
|
-
<span class="ais-Menu-count">
|
|
196
|
-
12
|
|
197
|
-
</span>
|
|
198
|
-
</a>
|
|
199
|
-
</li>
|
|
200
|
-
</ul>
|
|
201
|
-
<button class="ais-Menu-showMore ais-Menu-showMore--disabled"
|
|
202
|
-
disabled="disabled"
|
|
203
|
-
>
|
|
204
|
-
<span>
|
|
205
|
-
Voir moins
|
|
206
|
-
</span>
|
|
207
|
-
</button>
|
|
208
|
-
</div>
|
|
209
|
-
`;
|
|
210
|
-
|
|
211
|
-
exports[`default render renders correctly 1`] = `
|
|
212
|
-
<div class="ais-Menu">
|
|
213
|
-
<ul class="ais-Menu-list">
|
|
214
|
-
<li class="ais-Menu-item">
|
|
215
|
-
<a class="ais-Menu-link">
|
|
216
|
-
<span class="ais-Menu-label">
|
|
217
|
-
Apple
|
|
218
|
-
</span>
|
|
219
|
-
<span class="ais-Menu-count">
|
|
220
|
-
50
|
|
221
|
-
</span>
|
|
222
|
-
</a>
|
|
223
|
-
</li>
|
|
224
|
-
<li class="ais-Menu-item">
|
|
225
|
-
<a class="ais-Menu-link">
|
|
226
|
-
<span class="ais-Menu-label">
|
|
227
|
-
Samsung
|
|
228
|
-
</span>
|
|
229
|
-
<span class="ais-Menu-count">
|
|
230
|
-
25
|
|
231
|
-
</span>
|
|
232
|
-
</a>
|
|
233
|
-
</li>
|
|
234
|
-
<li class="ais-Menu-item">
|
|
235
|
-
<a class="ais-Menu-link">
|
|
236
|
-
<span class="ais-Menu-label">
|
|
237
|
-
Microsoft
|
|
238
|
-
</span>
|
|
239
|
-
<span class="ais-Menu-count">
|
|
240
|
-
12
|
|
241
|
-
</span>
|
|
242
|
-
</a>
|
|
243
|
-
</li>
|
|
244
|
-
</ul>
|
|
245
|
-
</div>
|
|
246
|
-
`;
|
|
247
|
-
|
|
248
|
-
exports[`default render renders correctly with a URL for the href 1`] = `
|
|
249
|
-
<div class="ais-Menu">
|
|
250
|
-
<ul class="ais-Menu-list">
|
|
251
|
-
<li class="ais-Menu-item">
|
|
252
|
-
<a class="ais-Menu-link"
|
|
253
|
-
href="/brand/Apple"
|
|
254
|
-
>
|
|
255
|
-
<span class="ais-Menu-label">
|
|
256
|
-
Apple
|
|
257
|
-
</span>
|
|
258
|
-
<span class="ais-Menu-count">
|
|
259
|
-
50
|
|
260
|
-
</span>
|
|
261
|
-
</a>
|
|
262
|
-
</li>
|
|
263
|
-
<li class="ais-Menu-item">
|
|
264
|
-
<a class="ais-Menu-link"
|
|
265
|
-
href="/brand/Samsung"
|
|
266
|
-
>
|
|
267
|
-
<span class="ais-Menu-label">
|
|
268
|
-
Samsung
|
|
269
|
-
</span>
|
|
270
|
-
<span class="ais-Menu-count">
|
|
271
|
-
25
|
|
272
|
-
</span>
|
|
273
|
-
</a>
|
|
274
|
-
</li>
|
|
275
|
-
<li class="ais-Menu-item">
|
|
276
|
-
<a class="ais-Menu-link"
|
|
277
|
-
href="/brand/Microsoft"
|
|
278
|
-
>
|
|
279
|
-
<span class="ais-Menu-label">
|
|
280
|
-
Microsoft
|
|
281
|
-
</span>
|
|
282
|
-
<span class="ais-Menu-count">
|
|
283
|
-
12
|
|
284
|
-
</span>
|
|
285
|
-
</a>
|
|
286
|
-
</li>
|
|
287
|
-
</ul>
|
|
288
|
-
</div>
|
|
289
|
-
`;
|
|
290
|
-
|
|
291
|
-
exports[`default render renders correctly with a disabled show more button 1`] = `
|
|
292
|
-
<div class="ais-Menu">
|
|
293
|
-
<ul class="ais-Menu-list">
|
|
294
|
-
<li class="ais-Menu-item">
|
|
295
|
-
<a class="ais-Menu-link">
|
|
296
|
-
<span class="ais-Menu-label">
|
|
297
|
-
Apple
|
|
298
|
-
</span>
|
|
299
|
-
<span class="ais-Menu-count">
|
|
300
|
-
50
|
|
301
|
-
</span>
|
|
302
|
-
</a>
|
|
303
|
-
</li>
|
|
304
|
-
<li class="ais-Menu-item">
|
|
305
|
-
<a class="ais-Menu-link">
|
|
306
|
-
<span class="ais-Menu-label">
|
|
307
|
-
Samsung
|
|
308
|
-
</span>
|
|
309
|
-
<span class="ais-Menu-count">
|
|
310
|
-
25
|
|
311
|
-
</span>
|
|
312
|
-
</a>
|
|
313
|
-
</li>
|
|
314
|
-
<li class="ais-Menu-item">
|
|
315
|
-
<a class="ais-Menu-link">
|
|
316
|
-
<span class="ais-Menu-label">
|
|
317
|
-
Microsoft
|
|
318
|
-
</span>
|
|
319
|
-
<span class="ais-Menu-count">
|
|
320
|
-
12
|
|
321
|
-
</span>
|
|
322
|
-
</a>
|
|
323
|
-
</li>
|
|
324
|
-
</ul>
|
|
325
|
-
<button class="ais-Menu-showMore ais-Menu-showMore--disabled"
|
|
326
|
-
disabled="disabled"
|
|
327
|
-
>
|
|
328
|
-
Show more
|
|
329
|
-
</button>
|
|
330
|
-
</div>
|
|
331
|
-
`;
|
|
332
|
-
|
|
333
|
-
exports[`default render renders correctly with a selected item 2`] = `
|
|
334
|
-
<div class="ais-Menu">
|
|
335
|
-
<ul class="ais-Menu-list">
|
|
336
|
-
<li class="ais-Menu-item">
|
|
337
|
-
<a class="ais-Menu-link">
|
|
338
|
-
<span class="ais-Menu-label">
|
|
339
|
-
Apple
|
|
340
|
-
</span>
|
|
341
|
-
<span class="ais-Menu-count">
|
|
342
|
-
50
|
|
343
|
-
</span>
|
|
344
|
-
</a>
|
|
345
|
-
</li>
|
|
346
|
-
<li class="ais-Menu-item ais-Menu-item--selected">
|
|
347
|
-
<a class="ais-Menu-link">
|
|
348
|
-
<span class="ais-Menu-label">
|
|
349
|
-
Samsung
|
|
350
|
-
</span>
|
|
351
|
-
<span class="ais-Menu-count">
|
|
352
|
-
25
|
|
353
|
-
</span>
|
|
354
|
-
</a>
|
|
355
|
-
</li>
|
|
356
|
-
<li class="ais-Menu-item">
|
|
357
|
-
<a class="ais-Menu-link">
|
|
358
|
-
<span class="ais-Menu-label">
|
|
359
|
-
Microsoft
|
|
360
|
-
</span>
|
|
361
|
-
<span class="ais-Menu-count">
|
|
362
|
-
12
|
|
363
|
-
</span>
|
|
364
|
-
</a>
|
|
365
|
-
</li>
|
|
366
|
-
</ul>
|
|
367
|
-
</div>
|
|
368
|
-
`;
|
|
369
|
-
|
|
370
|
-
exports[`default render renders correctly with show more button 1`] = `
|
|
371
|
-
<div class="ais-Menu">
|
|
372
|
-
<ul class="ais-Menu-list">
|
|
373
|
-
<li class="ais-Menu-item">
|
|
374
|
-
<a class="ais-Menu-link">
|
|
375
|
-
<span class="ais-Menu-label">
|
|
376
|
-
Apple
|
|
377
|
-
</span>
|
|
378
|
-
<span class="ais-Menu-count">
|
|
379
|
-
50
|
|
380
|
-
</span>
|
|
381
|
-
</a>
|
|
382
|
-
</li>
|
|
383
|
-
<li class="ais-Menu-item">
|
|
384
|
-
<a class="ais-Menu-link">
|
|
385
|
-
<span class="ais-Menu-label">
|
|
386
|
-
Samsung
|
|
387
|
-
</span>
|
|
388
|
-
<span class="ais-Menu-count">
|
|
389
|
-
25
|
|
390
|
-
</span>
|
|
391
|
-
</a>
|
|
392
|
-
</li>
|
|
393
|
-
<li class="ais-Menu-item">
|
|
394
|
-
<a class="ais-Menu-link">
|
|
395
|
-
<span class="ais-Menu-label">
|
|
396
|
-
Microsoft
|
|
397
|
-
</span>
|
|
398
|
-
<span class="ais-Menu-count">
|
|
399
|
-
12
|
|
400
|
-
</span>
|
|
401
|
-
</a>
|
|
402
|
-
</li>
|
|
403
|
-
</ul>
|
|
404
|
-
<button class="ais-Menu-showMore ais-Menu-showMore--disabled"
|
|
405
|
-
disabled="disabled"
|
|
406
|
-
>
|
|
407
|
-
Show more
|
|
408
|
-
</button>
|
|
409
|
-
</div>
|
|
410
|
-
`;
|
|
411
|
-
|
|
412
|
-
exports[`default render renders correctly with show more button toggled 1`] = `
|
|
413
|
-
<div class="ais-Menu">
|
|
414
|
-
<ul class="ais-Menu-list">
|
|
415
|
-
<li class="ais-Menu-item">
|
|
416
|
-
<a class="ais-Menu-link">
|
|
417
|
-
<span class="ais-Menu-label">
|
|
418
|
-
Apple
|
|
419
|
-
</span>
|
|
420
|
-
<span class="ais-Menu-count">
|
|
421
|
-
50
|
|
422
|
-
</span>
|
|
423
|
-
</a>
|
|
424
|
-
</li>
|
|
425
|
-
<li class="ais-Menu-item">
|
|
426
|
-
<a class="ais-Menu-link">
|
|
427
|
-
<span class="ais-Menu-label">
|
|
428
|
-
Samsung
|
|
429
|
-
</span>
|
|
430
|
-
<span class="ais-Menu-count">
|
|
431
|
-
25
|
|
432
|
-
</span>
|
|
433
|
-
</a>
|
|
434
|
-
</li>
|
|
435
|
-
<li class="ais-Menu-item">
|
|
436
|
-
<a class="ais-Menu-link">
|
|
437
|
-
<span class="ais-Menu-label">
|
|
438
|
-
Microsoft
|
|
439
|
-
</span>
|
|
440
|
-
<span class="ais-Menu-count">
|
|
441
|
-
12
|
|
442
|
-
</span>
|
|
443
|
-
</a>
|
|
444
|
-
</li>
|
|
445
|
-
</ul>
|
|
446
|
-
<button class="ais-Menu-showMore ais-Menu-showMore--disabled"
|
|
447
|
-
disabled="disabled"
|
|
448
|
-
>
|
|
449
|
-
Show less
|
|
450
|
-
</button>
|
|
451
|
-
</div>
|
|
452
|
-
`;
|
|
453
|
-
|
|
454
|
-
exports[`default render renders correctly without a show more button (canRefine) 1`] = `
|
|
455
|
-
<div class="ais-Menu ais-Menu--noRefinement">
|
|
456
|
-
<ul class="ais-Menu-list">
|
|
457
|
-
</ul>
|
|
458
|
-
</div>
|
|
459
|
-
`;
|
|
460
|
-
|
|
461
|
-
exports[`default render renders correctly without a show more button (showMore) 1`] = `
|
|
462
|
-
<div class="ais-Menu">
|
|
463
|
-
<ul class="ais-Menu-list">
|
|
464
|
-
<li class="ais-Menu-item">
|
|
465
|
-
<a class="ais-Menu-link">
|
|
466
|
-
<span class="ais-Menu-label">
|
|
467
|
-
Apple
|
|
468
|
-
</span>
|
|
469
|
-
<span class="ais-Menu-count">
|
|
470
|
-
50
|
|
471
|
-
</span>
|
|
472
|
-
</a>
|
|
473
|
-
</li>
|
|
474
|
-
<li class="ais-Menu-item">
|
|
475
|
-
<a class="ais-Menu-link">
|
|
476
|
-
<span class="ais-Menu-label">
|
|
477
|
-
Samsung
|
|
478
|
-
</span>
|
|
479
|
-
<span class="ais-Menu-count">
|
|
480
|
-
25
|
|
481
|
-
</span>
|
|
482
|
-
</a>
|
|
483
|
-
</li>
|
|
484
|
-
<li class="ais-Menu-item">
|
|
485
|
-
<a class="ais-Menu-link">
|
|
486
|
-
<span class="ais-Menu-label">
|
|
487
|
-
Microsoft
|
|
488
|
-
</span>
|
|
489
|
-
<span class="ais-Menu-count">
|
|
490
|
-
12
|
|
491
|
-
</span>
|
|
492
|
-
</a>
|
|
493
|
-
</li>
|
|
494
|
-
</ul>
|
|
495
|
-
</div>
|
|
496
|
-
`;
|
|
497
|
-
|
|
498
|
-
exports[`default render renders correctly without refinement 1`] = `
|
|
499
|
-
<div class="ais-Menu ais-Menu--noRefinement">
|
|
500
|
-
<ul class="ais-Menu-list">
|
|
501
|
-
</ul>
|
|
502
|
-
</div>
|
|
503
|
-
`;
|
package/vue3/es/src/components/ClearRefinements.vue_vue&type=template&id=302b873a&lang.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ClearRefinements.vue_vue&type=template&id=302b873a&lang.js","sources":["../../../../src/components/ClearRefinements.vue?vue&type=template&id=302b873a&lang.js"],"sourcesContent":["<template>\n <div v-if=\"state\" :class=\"suit()\">\n <slot\n :can-refine=\"canRefine\"\n :refine=\"state.refine\"\n :createURL=\"state.createURL\"\n >\n <button\n type=\"reset\"\n :class=\"[suit('button'), !canRefine && suit('button', 'disabled')]\"\n :disabled=\"!canRefine\"\n @click.prevent=\"state.refine\"\n >\n <slot name=\"resetLabel\"> Clear refinements </slot>\n </button>\n </slot>\n </div>\n</template>\n\n<script>\nimport { connectClearRefinements } from 'instantsearch.js/es/connectors';\n\nimport { createPanelConsumerMixin } from '../mixins/panel';\nimport { createSuitMixin } from '../mixins/suit';\nimport { createWidgetMixin } from '../mixins/widget';\n\nexport default {\n name: 'AisClearRefinements',\n mixins: [\n createWidgetMixin(\n {\n connector: connectClearRefinements,\n },\n {\n $$widgetType: 'ais.clearRefinements',\n }\n ),\n createPanelConsumerMixin(),\n createSuitMixin({ name: 'ClearRefinements' }),\n ],\n props: {\n excludedAttributes: {\n type: Array,\n default: undefined,\n },\n includedAttributes: {\n type: Array,\n default: undefined,\n },\n transformItems: {\n type: Function,\n default: undefined,\n },\n },\n computed: {\n widgetParams() {\n return {\n includedAttributes: this.includedAttributes,\n excludedAttributes: this.excludedAttributes,\n transformItems: this.transformItems,\n };\n },\n canRefine() {\n return this.state.hasRefinements;\n },\n },\n};\n</script>\n"],"names":["_ctx","_createElementBlock","class","_renderSlot","canRefine","$options","refine","createURL","_createElementVNode","type","disabled","onClick"],"mappings":"sOACaA,aAAXC,eAAmBC,QAAOF,YACxBG,sBACGC,UAAYC,YACZC,OAAQN,QAAMM,OACdC,UAAWP,QAAMO,6BAElBC,YACEC,KAAK,QACJP,SAAQF,kBAAiBK,aAAaL,8BACtCU,UAAWL,YACXM,iGAAeX,QAAMM,WAANN,SAAMM,mCAEtBH"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.vue_vue&type=template&id=8e757064&lang.js","sources":["../../../../src/components/Menu.vue?vue&type=template&id=8e757064&lang.js"],"sourcesContent":["<template>\n <div\n v-if=\"state\"\n :class=\"[suit(), !state.canRefine && suit('', 'noRefinement')]\"\n >\n <slot\n :items=\"state.items\"\n :can-refine=\"state.canRefine\"\n :can-toggle-show-more=\"state.canToggleShowMore\"\n :is-showing-more=\"state.isShowingMore\"\n :refine=\"state.refine\"\n :createURL=\"state.createURL\"\n :toggle-show-more=\"state.toggleShowMore\"\n :send-event=\"state.sendEvent\"\n >\n <ul :class=\"suit('list')\">\n <li\n v-for=\"item in state.items\"\n :key=\"item.value\"\n :class=\"[suit('item'), item.isRefined && suit('item', 'selected')]\"\n >\n <a\n :href=\"state.createURL(item.value)\"\n :class=\"suit('link')\"\n @click.prevent=\"state.refine(item.value)\"\n >\n <span :class=\"suit('label')\">{{ item.label }}</span>\n <span :class=\"suit('count')\">{{ item.count }}</span>\n </a>\n </li>\n </ul>\n\n <button\n v-if=\"showShowMoreButton\"\n :class=\"[\n suit('showMore'),\n !state.canToggleShowMore && suit('showMore', 'disabled'),\n ]\"\n :disabled=\"!state.canToggleShowMore\"\n @click.prevent=\"state.toggleShowMore()\"\n >\n <slot name=\"showMoreLabel\" :is-showing-more=\"state.isShowingMore\">\n {{ state.isShowingMore ? 'Show less' : 'Show more' }}\n </slot>\n </button>\n </slot>\n </div>\n</template>\n\n<script>\nimport { connectMenu } from 'instantsearch.js/es/connectors';\n\nimport { createPanelConsumerMixin } from '../mixins/panel';\nimport { createSuitMixin } from '../mixins/suit';\nimport { createWidgetMixin } from '../mixins/widget';\n\nexport default {\n name: 'AisMenu',\n mixins: [\n createSuitMixin({ name: 'Menu' }),\n createWidgetMixin(\n { connector: connectMenu },\n {\n $$widgetType: 'ais.menu',\n }\n ),\n createPanelConsumerMixin(),\n ],\n props: {\n attribute: {\n type: String,\n required: true,\n },\n // TODO: implement searchable in connector\n // searchable: {\n // type: Boolean,\n // default: false,\n // },\n limit: {\n type: Number,\n default: undefined,\n },\n showMoreLimit: {\n type: Number,\n default: undefined,\n },\n showMore: {\n type: Boolean,\n default: false,\n },\n sortBy: {\n type: [Array, Function],\n default: undefined,\n },\n transformItems: {\n type: Function,\n default: undefined,\n },\n },\n computed: {\n widgetParams() {\n return {\n attribute: this.attribute,\n limit: this.limit,\n showMore: this.showMore,\n showMoreLimit: this.showMoreLimit,\n sortBy: this.sortBy,\n transformItems: this.transformItems,\n };\n },\n showShowMoreButton() {\n return this.state.canRefine && this.showMore;\n },\n },\n};\n</script>\n"],"names":["_ctx","_createElementBlock","class","canRefine","_renderSlot","items","canToggleShowMore","isShowingMore","refine","createURL","toggleShowMore","sendEvent","_createElementVNode","item","key","value","isRefined","href","onClick","label","count","$options","disabled"],"mappings":"8SAEUA,aADRC,eAEGC,SAAQF,UAASA,QAAMG,WAAaH,8BAErCI,sBACGC,MAAOL,QAAMK,MACbF,UAAYH,QAAMG,UAClBG,kBAAsBN,QAAMM,kBAC5BC,cAAiBP,QAAMO,cACvBC,OAAQR,QAAMQ,OACdC,UAAWT,QAAMS,UACjBC,eAAkBV,QAAMU,eACxBC,UAAYX,QAAMW,6BAEnBC,QAAKV,QAAOF,yBACVC,WACiBD,QAAMK,eAAdQ,cADTZ,QAEGa,IAAKD,EAAKE,MACVb,SAAQF,eAAca,EAAKG,WAAahB,8BAEzCY,OACGK,KAAMjB,QAAMS,UAAUI,EAAKE,OAC3Bb,QAAOF,gBACPkB,6BAAelB,QAAMQ,OAAOK,EAAKE,uBAElCH,UAAOV,QAAOF,oBAAkBa,EAAKM,UACrCP,UAAOV,QAAOF,oBAAkBa,EAAKO,iCAMnCC,0BADRpB,kBAEGC,wFAIAoB,UAAWtB,QAAMM,kBACjBY,yCAAelB,QAAMU,kCAEtBN,4BAA4BG,cAAiBP,QAAMO,qCAC9CP,QAAMO"}
|