Skip to content

Commit 8cfe490

Browse files
Haroenvsarahdayan
authored andcommitted
feat(CurrentRefinements): add query and remove reset (algolia/instantsearch-specs#86)
* feat(CurrentRefinements): add query and remove reset * feat: includedAttributes
1 parent 5e73d28 commit 8cfe490

File tree

2 files changed

+38
-11
lines changed

2 files changed

+38
-11
lines changed

packages/instantsearch-specs/content/widgets/clear-refinements.md

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,8 @@ classes:
2424
options:
2525
- name: excludedAttributes
2626
description: Attributes not to clear
27+
- name: includedAttributes
28+
description: Attributes to show exclusively
2729
- name: clearsQuery
2830
default: false
2931
description: Also clears the query

packages/instantsearch-specs/content/widgets/current-refinements.md

Lines changed: 36 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -18,10 +18,37 @@ html: |
1818
</span>
1919
</li>
2020
</ul>
21-
<button class="ais-CurrentRefinements-reset">
22-
Clear all
23-
</button>
2421
</div>
22+
althtml1: |
23+
<div class="ais-CurrentRefinements">
24+
<ul class="ais-CurrentRefinements-list">
25+
<li class="ais-CurrentRefinements-item">
26+
<span class="ais-CurrentRefinements-label">
27+
Category:
28+
</span>
29+
<span class="ais-CurrentRefinements-category">
30+
<span class="ais-CurrentRefinements-categoryLabel">Movies & TV Shows</span>
31+
<button class="ais-CurrentRefinements-delete">✕</button>
32+
</span>
33+
<span class="ais-CurrentRefinements-category">
34+
<span class="ais-CurrentRefinements-categoryLabel">Others</span>
35+
<button class="ais-CurrentRefinements-delete">✕</button>
36+
</span>
37+
</li>
38+
<li class="ais-CurrentRefinements-item">
39+
<span class="ais-CurrentRefinements-label">
40+
Query:
41+
</span>
42+
<span class="ais-CurrentRefinements-category">
43+
<span class="ais-CurrentRefinements-categoryLabel">
44+
<q>Bla bla bla</q>
45+
</span>
46+
<button class="ais-CurrentRefinements-delete">✕</button>
47+
</span>
48+
</li>
49+
</ul>
50+
</div>
51+
alt1: with includesQuery and a query
2552
classes:
2653
- name: .ais-CurrentRefinements
2754
description: the root div of the widget
@@ -34,19 +61,17 @@ classes:
3461
- name: .ais-CurrentRefinements-category
3562
description: the category of each item
3663
- name: .ais-CurrentRefinements-categoryLabel
37-
description: the label of each catgory
64+
description: the label of each category
3865
- name: .ais-CurrentRefinements-delete
39-
description: the delete button of each catgory
40-
- name: .ais-CurrentRefinements-reset
41-
description: the reset button for current selected values
66+
description: the delete button of each category
67+
- name: .ais-CurrentRefinements-query
68+
description: the quote element if query is included
4269
options:
43-
- name: attributes
44-
description: Label definitions for the different filters.
4570
- name: excludedAttributes
4671
description: list of attributes not to show
47-
- name: clearsQuery
72+
- name: includesQuery
4873
default: false
49-
description: The clear all button also clears the query
74+
description: The list includes the query too
5075
- name: transformItems
5176
description: Function which receives the items, which will be called before displaying them. Should return a new array with the same shape as the original array. Useful for mapping over the items to transform, remove or reorder them
5277
---

0 commit comments

Comments
 (0)