@bento-core/facet-filter 1.0.1-c3dc.3 → 1.0.1-c3dc.5
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/FacetFilterStyle.js +1 -1
- package/dist/components/facet/FacetStyle.js +5 -5
- package/dist/components/facet/SearchFacetView.js +3 -2
- package/dist/components/inputs/FilterItemStyle.js +3 -3
- package/dist/components/inputs/ModalFilterStyle.js +1 -1
- package/dist/components/inputs/slider/SliderStyle.js +2 -2
- package/dist/components/inputs/slider/SliderView.js +2 -2
- package/package.json +1 -1
- package/src/FacetFilterStyle.js +1 -1
- package/src/components/facet/FacetStyle.js +5 -5
- package/src/components/facet/SearchFacetView.js +2 -1
- package/src/components/inputs/FilterItemStyle.js +3 -3
- package/src/components/inputs/ModalFilterStyle.js +1 -1
- package/src/components/inputs/slider/SliderStyle.js +2 -2
- package/src/components/inputs/slider/SliderView.js +2 -2
package/dist/FacetFilterStyle.js
CHANGED
|
@@ -53,14 +53,14 @@ var _default = () => ({
|
|
|
53
53
|
sortGroupIcon: {
|
|
54
54
|
cursor: 'pointer',
|
|
55
55
|
fontFamily: 'Nunito',
|
|
56
|
-
fontSize: '
|
|
56
|
+
fontSize: '11px',
|
|
57
57
|
marginRight: '12px',
|
|
58
58
|
marginLeft: '24px'
|
|
59
59
|
},
|
|
60
60
|
sortGroupItem: {
|
|
61
61
|
cursor: 'pointer',
|
|
62
62
|
fontFamily: 'Nunito',
|
|
63
|
-
fontSize: '
|
|
63
|
+
fontSize: '11px'
|
|
64
64
|
// marginRight: '32px',
|
|
65
65
|
},
|
|
66
66
|
|
|
@@ -72,13 +72,13 @@ var _default = () => ({
|
|
|
72
72
|
},
|
|
73
73
|
NonSortGroupItem: {
|
|
74
74
|
fontFamily: 'Nunito',
|
|
75
|
-
fontSize: '
|
|
75
|
+
fontSize: '11px',
|
|
76
76
|
marginRight: '32px'
|
|
77
77
|
},
|
|
78
78
|
sortGroupItemCounts: {
|
|
79
79
|
cursor: 'pointer',
|
|
80
80
|
fontFamily: 'Nunito',
|
|
81
|
-
fontSize: '
|
|
81
|
+
fontSize: '11px',
|
|
82
82
|
marginRight: '19px',
|
|
83
83
|
marginLeft: 'auto'
|
|
84
84
|
// marginTop: '5px',
|
|
@@ -92,7 +92,7 @@ var _default = () => ({
|
|
|
92
92
|
textAlign: 'right',
|
|
93
93
|
paddingRight: '5px',
|
|
94
94
|
cursor: 'pointer',
|
|
95
|
-
fontSize: '
|
|
95
|
+
fontSize: '11px',
|
|
96
96
|
width: '100%'
|
|
97
97
|
},
|
|
98
98
|
searchContainer: {
|
|
@@ -35,7 +35,7 @@ const searchItems = (items, searchText) => {
|
|
|
35
35
|
const item = items[i];
|
|
36
36
|
for (let j = 0; j < keyList.length; j += 1) {
|
|
37
37
|
const key = keyList[j].trim();
|
|
38
|
-
if (key === '' || item.
|
|
38
|
+
if (key === '' || item.group.toUpperCase().includes(key)) {
|
|
39
39
|
matchedItems.push(item);
|
|
40
40
|
break;
|
|
41
41
|
}
|
|
@@ -124,7 +124,8 @@ const SearchFacetView = _ref => {
|
|
|
124
124
|
value: searchText,
|
|
125
125
|
type: "text",
|
|
126
126
|
placeholder: facet.searchPlaceholder ? facet.searchPlaceholder : 'e.g. Sarcoma, Neoplasm',
|
|
127
|
-
onChange: e => onSearchTextChange(facet.datafield, e.target.value)
|
|
127
|
+
onChange: e => onSearchTextChange(facet.datafield, e.target.value),
|
|
128
|
+
"aria-label": "Search within ".concat(facet.section, " facet")
|
|
128
129
|
}), searchText && searchText.trim() !== '' && /*#__PURE__*/_react.default.createElement(_core.IconButton, {
|
|
129
130
|
"aria-label": "close",
|
|
130
131
|
onClick: () => onSearchTextChange(facet.datafield, ''),
|
|
@@ -19,21 +19,21 @@ var _default = () => ({
|
|
|
19
19
|
sortGroupIcon: {
|
|
20
20
|
cursor: 'pointer',
|
|
21
21
|
fontFamily: 'Nunito',
|
|
22
|
-
fontSize: '
|
|
22
|
+
fontSize: '11px',
|
|
23
23
|
marginRight: '12px',
|
|
24
24
|
marginLeft: '24px'
|
|
25
25
|
},
|
|
26
26
|
sortGroupItem: {
|
|
27
27
|
cursor: 'pointer',
|
|
28
28
|
fontFamily: 'Nunito',
|
|
29
|
-
fontSize: '
|
|
29
|
+
fontSize: '11px'
|
|
30
30
|
// marginRight: '32px',
|
|
31
31
|
},
|
|
32
32
|
|
|
33
33
|
sortGroupItemCounts: {
|
|
34
34
|
cursor: 'pointer',
|
|
35
35
|
fontFamily: 'Nunito',
|
|
36
|
-
fontSize: '
|
|
36
|
+
fontSize: '11px',
|
|
37
37
|
marginRight: '19px',
|
|
38
38
|
marginLeft: 'auto'
|
|
39
39
|
// marginTop: '5px',
|
|
@@ -71,7 +71,7 @@ var _default = () => ({
|
|
|
71
71
|
},
|
|
72
72
|
upperBound: {
|
|
73
73
|
fontFamily: 'Nunito',
|
|
74
|
-
fontSize: '
|
|
74
|
+
fontSize: '11px',
|
|
75
75
|
color: '#000000',
|
|
76
76
|
float: 'right',
|
|
77
77
|
marginLeft: 'Auto',
|
|
@@ -80,7 +80,7 @@ var _default = () => ({
|
|
|
80
80
|
},
|
|
81
81
|
lowerBound: {
|
|
82
82
|
fontFamily: 'Nunito',
|
|
83
|
-
fontSize: '
|
|
83
|
+
fontSize: '11px',
|
|
84
84
|
color: '#000000',
|
|
85
85
|
float: 'left',
|
|
86
86
|
marginLeft: 'Auto',
|
|
@@ -198,7 +198,7 @@ const styles = () => ({
|
|
|
198
198
|
},
|
|
199
199
|
upperBound: props => props.facet.style && props.facet.style.upperBound ? props.facet.style.upperBound : {
|
|
200
200
|
fontFamily: 'Nunito',
|
|
201
|
-
fontSize: '
|
|
201
|
+
fontSize: '11px',
|
|
202
202
|
color: '#000000',
|
|
203
203
|
float: 'right',
|
|
204
204
|
marginLeft: 'Auto',
|
|
@@ -207,7 +207,7 @@ const styles = () => ({
|
|
|
207
207
|
},
|
|
208
208
|
lowerBound: props => props.facet.style && props.facet.style.lowerBound ? props.facet.style.lowerBound : {
|
|
209
209
|
fontFamily: 'Nunito',
|
|
210
|
-
fontSize: '
|
|
210
|
+
fontSize: '11px',
|
|
211
211
|
color: '#000000',
|
|
212
212
|
float: 'left',
|
|
213
213
|
marginLeft: 'Auto',
|
package/package.json
CHANGED
package/src/FacetFilterStyle.js
CHANGED
|
@@ -47,14 +47,14 @@ export default () => ({
|
|
|
47
47
|
sortGroupIcon: {
|
|
48
48
|
cursor: 'pointer',
|
|
49
49
|
fontFamily: 'Nunito',
|
|
50
|
-
fontSize: '
|
|
50
|
+
fontSize: '11px',
|
|
51
51
|
marginRight: '12px',
|
|
52
52
|
marginLeft: '24px',
|
|
53
53
|
},
|
|
54
54
|
sortGroupItem: {
|
|
55
55
|
cursor: 'pointer',
|
|
56
56
|
fontFamily: 'Nunito',
|
|
57
|
-
fontSize: '
|
|
57
|
+
fontSize: '11px',
|
|
58
58
|
// marginRight: '32px',
|
|
59
59
|
},
|
|
60
60
|
NonSortGroup: {
|
|
@@ -65,13 +65,13 @@ export default () => ({
|
|
|
65
65
|
},
|
|
66
66
|
NonSortGroupItem: {
|
|
67
67
|
fontFamily: 'Nunito',
|
|
68
|
-
fontSize: '
|
|
68
|
+
fontSize: '11px',
|
|
69
69
|
marginRight: '32px',
|
|
70
70
|
},
|
|
71
71
|
sortGroupItemCounts: {
|
|
72
72
|
cursor: 'pointer',
|
|
73
73
|
fontFamily: 'Nunito',
|
|
74
|
-
fontSize: '
|
|
74
|
+
fontSize: '11px',
|
|
75
75
|
marginRight: '19px',
|
|
76
76
|
marginLeft: 'auto',
|
|
77
77
|
// marginTop: '5px',
|
|
@@ -84,7 +84,7 @@ export default () => ({
|
|
|
84
84
|
textAlign: 'right',
|
|
85
85
|
paddingRight: '5px',
|
|
86
86
|
cursor: 'pointer',
|
|
87
|
-
fontSize: '
|
|
87
|
+
fontSize: '11px',
|
|
88
88
|
width: '100%',
|
|
89
89
|
},
|
|
90
90
|
searchContainer: {
|
|
@@ -29,7 +29,7 @@ const searchItems = (items, searchText) => {
|
|
|
29
29
|
const item = items[i];
|
|
30
30
|
for (let j = 0; j < keyList.length; j += 1) {
|
|
31
31
|
const key = keyList[j].trim();
|
|
32
|
-
if (key === '' || item.
|
|
32
|
+
if (key === '' || item.group.toUpperCase().includes(key)) {
|
|
33
33
|
matchedItems.push(item);
|
|
34
34
|
break;
|
|
35
35
|
}
|
|
@@ -148,6 +148,7 @@ const SearchFacetView = ({
|
|
|
148
148
|
type="text"
|
|
149
149
|
placeholder={facet.searchPlaceholder ? facet.searchPlaceholder : 'e.g. Sarcoma, Neoplasm'}
|
|
150
150
|
onChange={(e) => onSearchTextChange(facet.datafield, e.target.value)}
|
|
151
|
+
aria-label={`Search within ${facet.section} facet`}
|
|
151
152
|
/>
|
|
152
153
|
{
|
|
153
154
|
searchText
|
|
@@ -13,20 +13,20 @@ export default () => ({
|
|
|
13
13
|
sortGroupIcon: {
|
|
14
14
|
cursor: 'pointer',
|
|
15
15
|
fontFamily: 'Nunito',
|
|
16
|
-
fontSize: '
|
|
16
|
+
fontSize: '11px',
|
|
17
17
|
marginRight: '12px',
|
|
18
18
|
marginLeft: '24px',
|
|
19
19
|
},
|
|
20
20
|
sortGroupItem: {
|
|
21
21
|
cursor: 'pointer',
|
|
22
22
|
fontFamily: 'Nunito',
|
|
23
|
-
fontSize: '
|
|
23
|
+
fontSize: '11px',
|
|
24
24
|
// marginRight: '32px',
|
|
25
25
|
},
|
|
26
26
|
sortGroupItemCounts: {
|
|
27
27
|
cursor: 'pointer',
|
|
28
28
|
fontFamily: 'Nunito',
|
|
29
|
-
fontSize: '
|
|
29
|
+
fontSize: '11px',
|
|
30
30
|
marginRight: '19px',
|
|
31
31
|
marginLeft: 'auto',
|
|
32
32
|
// marginTop: '5px',
|
|
@@ -65,7 +65,7 @@ export default () => ({
|
|
|
65
65
|
},
|
|
66
66
|
upperBound: {
|
|
67
67
|
fontFamily: 'Nunito',
|
|
68
|
-
fontSize: '
|
|
68
|
+
fontSize: '11px',
|
|
69
69
|
color: '#000000',
|
|
70
70
|
float: 'right',
|
|
71
71
|
marginLeft: 'Auto',
|
|
@@ -74,7 +74,7 @@ export default () => ({
|
|
|
74
74
|
},
|
|
75
75
|
lowerBound: {
|
|
76
76
|
fontFamily: 'Nunito',
|
|
77
|
-
fontSize: '
|
|
77
|
+
fontSize: '11px',
|
|
78
78
|
color: '#000000',
|
|
79
79
|
float: 'left',
|
|
80
80
|
marginLeft: 'Auto',
|
|
@@ -242,7 +242,7 @@ const styles = () => ({
|
|
|
242
242
|
? props.facet.style.upperBound
|
|
243
243
|
: {
|
|
244
244
|
fontFamily: 'Nunito',
|
|
245
|
-
fontSize: '
|
|
245
|
+
fontSize: '11px',
|
|
246
246
|
color: '#000000',
|
|
247
247
|
float: 'right',
|
|
248
248
|
marginLeft: 'Auto',
|
|
@@ -253,7 +253,7 @@ const styles = () => ({
|
|
|
253
253
|
? props.facet.style.lowerBound
|
|
254
254
|
: {
|
|
255
255
|
fontFamily: 'Nunito',
|
|
256
|
-
fontSize: '
|
|
256
|
+
fontSize: '11px',
|
|
257
257
|
color: '#000000',
|
|
258
258
|
float: 'left',
|
|
259
259
|
marginLeft: 'Auto',
|