@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.
@@ -25,7 +25,7 @@ var _default = () => ({
25
25
  sortGroupItem: {
26
26
  cursor: 'pointer',
27
27
  fontFamily: 'Nunito',
28
- fontSize: '10px',
28
+ fontSize: '11px',
29
29
  marginRight: '32px'
30
30
  }
31
31
  });
@@ -53,14 +53,14 @@ var _default = () => ({
53
53
  sortGroupIcon: {
54
54
  cursor: 'pointer',
55
55
  fontFamily: 'Nunito',
56
- fontSize: '10px',
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: '10px'
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: '10px',
75
+ fontSize: '11px',
76
76
  marginRight: '32px'
77
77
  },
78
78
  sortGroupItemCounts: {
79
79
  cursor: 'pointer',
80
80
  fontFamily: 'Nunito',
81
- fontSize: '10px',
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: '10px',
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.name.toUpperCase().includes(key)) {
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: '10px',
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: '10px'
29
+ fontSize: '11px'
30
30
  // marginRight: '32px',
31
31
  },
32
32
 
33
33
  sortGroupItemCounts: {
34
34
  cursor: 'pointer',
35
35
  fontFamily: 'Nunito',
36
- fontSize: '10px',
36
+ fontSize: '11px',
37
37
  marginRight: '19px',
38
38
  marginLeft: 'auto'
39
39
  // marginTop: '5px',
@@ -22,7 +22,7 @@ var _default = () => ({
22
22
  sortGroupIcon: {
23
23
  cursor: 'pointer',
24
24
  fontFamily: 'Nunito',
25
- fontSize: '10px',
25
+ fontSize: '11px',
26
26
  marginRight: '12px',
27
27
  marginLeft: 'auto'
28
28
  },
@@ -71,7 +71,7 @@ var _default = () => ({
71
71
  },
72
72
  upperBound: {
73
73
  fontFamily: 'Nunito',
74
- fontSize: '10px',
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: '10px',
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: '10px',
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: '10px',
210
+ fontSize: '11px',
211
211
  color: '#000000',
212
212
  float: 'left',
213
213
  marginLeft: 'Auto',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bento-core/facet-filter",
3
- "version": "1.0.1-c3dc.3",
3
+ "version": "1.0.1-c3dc.5",
4
4
  "description": "### Bento core sidebar design:",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
@@ -19,7 +19,7 @@ export default () => ({
19
19
  sortGroupItem: {
20
20
  cursor: 'pointer',
21
21
  fontFamily: 'Nunito',
22
- fontSize: '10px',
22
+ fontSize: '11px',
23
23
  marginRight: '32px',
24
24
  },
25
25
  });
@@ -47,14 +47,14 @@ export default () => ({
47
47
  sortGroupIcon: {
48
48
  cursor: 'pointer',
49
49
  fontFamily: 'Nunito',
50
- fontSize: '10px',
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: '10px',
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: '10px',
68
+ fontSize: '11px',
69
69
  marginRight: '32px',
70
70
  },
71
71
  sortGroupItemCounts: {
72
72
  cursor: 'pointer',
73
73
  fontFamily: 'Nunito',
74
- fontSize: '10px',
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: '10px',
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.name.toUpperCase().includes(key)) {
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: '10px',
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: '10px',
23
+ fontSize: '11px',
24
24
  // marginRight: '32px',
25
25
  },
26
26
  sortGroupItemCounts: {
27
27
  cursor: 'pointer',
28
28
  fontFamily: 'Nunito',
29
- fontSize: '10px',
29
+ fontSize: '11px',
30
30
  marginRight: '19px',
31
31
  marginLeft: 'auto',
32
32
  // marginTop: '5px',
@@ -16,7 +16,7 @@ export default () => ({
16
16
  sortGroupIcon: {
17
17
  cursor: 'pointer',
18
18
  fontFamily: 'Nunito',
19
- fontSize: '10px',
19
+ fontSize: '11px',
20
20
  marginRight: '12px',
21
21
  marginLeft: 'auto',
22
22
  },
@@ -65,7 +65,7 @@ export default () => ({
65
65
  },
66
66
  upperBound: {
67
67
  fontFamily: 'Nunito',
68
- fontSize: '10px',
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: '10px',
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: '10px',
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: '10px',
256
+ fontSize: '11px',
257
257
  color: '#000000',
258
258
  float: 'left',
259
259
  marginLeft: 'Auto',